update build

gVguy · gVguy · commit 81a6939435be · 2024-09-16T15:15:22.000+02:00
diff --git a/package.json b/package.json
@@ -1,5 +1,6 @@
 {
   "name": "vue-color-input",
+  "type": "module",
   "version": "1.0.9",
   "description": "Slick and perfomant vue 3 color picker component whose goal is to replace <input type=color>",
   "keywords": [
@@ -12,16 +13,22 @@
   "author": "Ivan Che <ivan.chepurin@gmail.com>",
   "license": "MIT",
   "repository": "gVguy/vue-color-input",
-  "main": "dist/color-input.ssr.js",
-  "browser": "dist/color-input.esm.js",
-  "module": "dist/color-input.esm.js",
-  "unpkg": "dist/color-input.min.js",
   "files": [
     "dist/*",
     "src/**/*.vue",
     "src/assets/*.svg"
   ],
-  "sideEffects": ["**/*.css"],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/color-input.umd.js",
+  "module": "./dist/color-input.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/color-input.mjs",
+      "require": "./dist/color-input.umd.cjs"
+    }
+  },
   "scripts": {
     "dev": "vite dev",
     "prebuild": "rimraf ./dist",
@@ -40,12 +47,10 @@
     "postcss": "^8.2.10",
     "sass": "^1.42.1",
     "vite": "^5.3.5",
+    "vite-plugin-lib-inject-css": "^2.1.1",
     "vue": "^3.4.26"
   },
   "peerDependencies": {
     "vue": "^3.0.5"
-  },
-  "engines": {
-    "node": ">=14"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/vite.config.js b/vite.config.js
@@ -1,4 +1,5 @@
 import vue from '@vitejs/plugin-vue'
+import { libInjectCss } from 'vite-plugin-lib-inject-css'
 /** @type {import('vite').UserConfig} */
 export default {
   build: {
@@ -8,8 +9,11 @@ export default {
       name: 'ColorInput'
     },
     rollupOptions: {
-      external: ['vue']
+      external: ['vue'],
+      output: {
+        globals: { vue: 'Vue' },
+      },
     },
   },
-  plugins: [vue()]
+  plugins: [vue(), libInjectCss()]
 }
