chore: pkg type module and add umd lib

Author: wangcch

.npmignore

@@ -3,7 +3,6 @@
 
 .DS_Store
 
-/dist
 /src
 tests
 coverage

package.json

@@ -2,20 +2,22 @@
   "name": "@axios-use/vue",
   "version": "0.2.1",
   "description": "A Vue composition utilities for Axios.",
-  "main": "lib/index.js",
+  "type": "module",
+  "main": "lib/index.cjs",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
+  "unpkg": "dist/axios-use-vue.umd.js",
   "scripts": {
-    "build": "rm -rf ./lib/* ./esm/* && yarn build:cjs && yarn build:es",
-    "build:cjs": "tsc",
-    "build:es": "tsc -m ESNext --outDir ./esm",
+    "build": "rimraf lib esm dist; npm run build:js; npm run build:type",
+    "build:js": "vite build",
+    "build:type": "tsc --outDir ./esm --emitDeclarationOnly",
     "test": "vitest",
     "test:coverage": "vitest run --coverage",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .gitignore",
-    "lint:fix": "yarn lint --fix",
+    "lint:fix": "npm run lint --fix",
     "format": "prettier --write '**/*' --config ./.prettierrc",
     "postinstall": "node ./demi/postinstall.js",
-    "prepare": "yarn build"
+    "prepare": "npm run build"
   },
   "author": "wangcch <[email protected]>",
   "license": "MIT",
@@ -39,6 +41,7 @@
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.2.0",
+    "@vitejs/plugin-vue": "^4.4.1",
     "@vitest/coverage-c8": "^0.29.8",
     "@vue/compiler-dom": "^3.2.47",
     "@vue/eslint-config-prettier": "^7.1.0",
@@ -51,7 +54,9 @@
     "jsdom": "^21.1.1",
     "msw": "^1.1.0",
     "prettier": "^2.8.4",
+    "rimraf": "^5.0.5",
     "typescript": "^4.9.5",
+    "vite": "^4.5.0",
     "vitest": "^0.29.8",
     "vue": "^3.2.47",
     "vue2": "npm:[email protected]"

vite.config.ts

@@ -0,0 +1,47 @@
+import { resolve } from "path";
+
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+
+const externals = {
+  vue: "Vue",
+  axios: "Axios",
+};
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    emptyOutDir: false,
+    target: ["es2015"],
+    lib: {
+      entry: {
+        index: resolve(__dirname, "src/index.ts"),
+      },
+    },
+    rollupOptions: {
+      external: Object.keys(externals),
+      output: [
+        {
+          format: "cjs",
+          dir: "lib",
+          preserveModules: true,
+        },
+        {
+          format: "es",
+          dir: "esm",
+          preserveModules: true,
+        },
+        {
+          globals: externals,
+          format: "umd",
+          dir: "dist",
+          name: "AxiosUseVue",
+          preserveModules: false,
+          entryFileNames: "axios-use-vue.umd.js",
+          sourcemap: true,
+        },
+      ],
+    },
+  },
+});