feat(vue-hooks): add hooks package packaging logic (#2866)

Author: zzcr

packages/vue-hooks/package.json

@@ -6,15 +6,23 @@
   "license": "ISC",
   "keywords": [],
   "main": "index.ts",
-  "module": "index.ts",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "vite build",
+    "pub": "pnpm publish --no-git-checks --access=public",
+    "test": "vitest"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "main": "dist/index.js"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.9",
     "@opentiny/utils": "workspace:~"
+  },
+  "devDependencies": {
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plugin-dts": "~4.3.0",
+    "vitest": "catalog:"
   }
 }

packages/vue-hooks/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "index.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

packages/vue-hooks/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

packages/vue-hooks/vite.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [dts()],
+  build: {
+    lib: {
+      entry: ['index.ts']
+    },
+    rollupOptions: {
+      external: [/@opentiny/, /@floating-ui/],
+      input: ['index.ts'],
+      output: [
+        {
+          format: 'es',
+          entryFileNames: '[name].js',
+          preserveModules: true
+        }
+      ]
+    }
+  }
+})