docs: update setting

Author: jerrywu001

docs/package.json

@@ -8,7 +8,7 @@
     "docs:serve": "vitepress serve docs"
   },
   "devDependencies": {
-    "vitepress": "1.0.0-alpha.65",
+    "vitepress": "1.0.0-alpha.72",
     "vitepress-plugin-sandpack": "latest"
   }
 }

package.json

@@ -16,14 +16,33 @@
   "license": "MIT",
   "author": "jerrywu001 <57242263@163.com>",
   "main": "./dist/index.js",
-  "module": "./dist/esm/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "typings": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./*": [
+      "./*",
+      "./*.d.ts"
+    ]
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*",
+        "./*"
+      ]
+    }
+  },
   "files": [
     "dist",
     "package.json",
     "README.md",
-    "global.d.ts"
+    "global.d.ts",
+    "*.d.ts"
   ],
   "workspaces": [
     "docs",
@@ -59,40 +78,41 @@
     "@babel/plugin-transform-typescript": "^7.21.3",
     "@babel/preset-env": "^7.21.4",
     "@babel/preset-typescript": "^7.21.4",
-    "@commitlint/cli": "^17.5.1",
-    "@commitlint/config-conventional": "^17.4.4",
-    "@swc/core": "^1.3.49",
+    "@commitlint/cli": "^17.6.1",
+    "@commitlint/config-conventional": "^17.6.1",
+    "@swc/core": "^1.3.51",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/user-event": "^14.4.3",
     "@testing-library/vue": "^7.0.0",
     "@types/lodash.isequal": "^4.5.6",
     "@types/lz-string": "^1.3.34",
     "@types/node": "^18.15.11",
-    "@typescript-eslint/eslint-plugin": "^5.58.0",
-    "@typescript-eslint/parser": "^5.58.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.0",
+    "@typescript-eslint/parser": "^5.59.0",
     "@vitejs/plugin-vue": "^4.1.0",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "@vitest/ui": "^0.30.1",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "@vue/eslint-config-typescript": "^11.0.2",
     "autoprefixer": "^10.4.14",
     "babel-loader": "^9.1.2",
+    "browserslist-to-esbuild": "^1.2.0",
     "bumpp": "^9.1.0",
-    "core-js": "^3.30.0",
+    "core-js": "^3.30.1",
     "cssnano": "^6.0.0",
     "esbuild-plugin-babel": "^0.2.3",
     "eslint": "^8.38.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-vue": "^9.10.0",
+    "eslint-plugin-vue": "^9.11.0",
     "husky": "^8.0.3",
     "jsdom": "^21.1.1",
     "lint-staged": "^13.2.1",
     "npm": "^9.6.4",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.22",
     "postcss-cli": "^10.1.0",
     "postcss-loader": "^7.2.4",
     "postcss-nested": "^6.0.1",
@@ -104,9 +124,9 @@
     "stylelint-config-recommended-vue": "^1.4.0",
     "stylelint-config-standard": "^29.0.0",
     "tsup": "^6.7.0",
-    "typescript": "^5.0.4",
-    "vite": "^4.2.1",
-    "vite-plugin-dts": "^2.2.0",
+    "typescript": "^4.9.4",
+    "vite": "^4.2.2",
+    "vite-plugin-dts": "^2.3.0",
     "vitest": "^0.30.1",
     "vue-tsc": "^1.2.0"
   },

playground/package.json

@@ -5,7 +5,7 @@
     "build": "tsc && vue-tsc && vite build",
     "build:storybook": "build-storybook",
     "dev": "vite --host --open",
-    "dev:usepack": "cross-env USEPACK=true vite --port 5000 --open",
+    "dev:usepack": "cross-env USEPACK=true vite --host --port 5000 --open",
     "preview": "vite preview",
     "storybook": "start-storybook -p 6006",
     "typecheck": "tsc && vue-tsc"

playground/tsconfig.json

@@ -11,7 +11,6 @@
     "skipLibCheck": true,
     "strictNullChecks": true,
     "esModuleInterop": true,
-    "ignoreDeprecations": "5.0",
     "allowSyntheticDefaultImports": true,
     "noEmit": true,
     "strict": true,

playground/vite.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
   resolve: {
     alias: {
       '@/': `${path.resolve(__dirname, 'src')}/`,
-      'my-custom-vue3-package': path.resolve(__dirname, process.env.USEPACK === 'true' ? '../dist/esm' : '../src'),
+      'my-custom-vue3-package': path.resolve(__dirname, process.env.USEPACK === 'true' ? '../dist' : '../src'),
     },
   },
   build: {

tsconfig.json

@@ -11,7 +11,6 @@
     "skipLibCheck": true,
     "strictNullChecks": true,
     "esModuleInterop": true,
-    "ignoreDeprecations": "5.0",
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "noEmit": true,

tsup.config.ts

@@ -9,6 +9,12 @@ export default defineConfig({
   entry: [
     './src/index.ts',
   ],
+  outExtension({ format }) {
+    const extension = format === 'esm' ? '.mjs' : '.js';
+    return {
+      js: extension,
+    };
+  },
   target: 'es6',
   format: [
     'cjs',
@@ -18,7 +24,6 @@ export default defineConfig({
   clean: true,
   dts: './src/index.ts',
   // sourcemap: true,
-  legacyOutput: true,
   splitting: false,
   minify: true,
   esbuildPlugins: [

vite.config.ts

@@ -6,28 +6,38 @@ import path from 'path';
 import Vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import { defineConfig } from 'vite';
+import browserslistToEsbuild from 'browserslist-to-esbuild';
+import pkg from './package.json';
+
+const resolvePath = (pathName: string) => path.resolve(__dirname, pathName);
 
 export default defineConfig({
   resolve: {
     alias: {
-      'my-custom-vue3-package': path.resolve(__dirname, './src/index.ts'),
+      'my-custom-vue3-package': resolvePath('./src/index.ts'),
     },
   },
   build: {
     minify: true,
     lib: {
       fileName: (type) => {
-        if (type === 'es') return 'esm/index.js';
+        if (type === 'es') return 'index.mjs';
         if (type === 'cjs') return 'index.js';
         return 'index.js';
       },
-      entry: path.resolve(__dirname, 'src/index.ts'),
+      entry: resolvePath('src/index.ts'),
       formats: ['es', 'cjs'],
     },
-    // sourcemap: true,
+    target: browserslistToEsbuild(),
+    sourcemap: false,
     rollupOptions: {
+      output: {
+        exports: 'named',
+      },
       external: [
-        'vue',
+        // ...Object.keys(pkg.dependencies), // if exist
+        ...Object.keys(pkg.devDependencies),
+        ...Object.keys(pkg.peerDependencies),
       ],
     },
   },