refactor(tsdown): migrate ui-kit vue packages

7 months ago · b300011d07
12 changed files with 112 additions and 66 deletions
--- a/package.json
+++ b/package.json
@ -96,6 +96,7 @@
    "turbo": "catalog:",
    "typescript": "catalog:",
    "unbuild": "catalog:",
+    "unplugin-vue": "catalog:",
    "vite": "catalog:",
    "vitest": "catalog:",
    "vue": "catalog:",
--- a/packages/@core/ui-kit/form-ui/build.config.ts
+++ b/packages/@core/ui-kit/form-ui/build.config.ts
@ -1,21 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-
-export default defineBuildConfig({
-  clean: true,
-  declaration: true,
-  entries: [
-    {
-      builder: 'mkdist',
-      input: './src',
-      loaders: ['vue'],
-      pattern: ['**/*.vue'],
-    },
-    {
-      builder: 'mkdist',
-      format: 'esm',
-      input: './src',
-      loaders: ['js'],
-      pattern: ['**/*.ts'],
-    },
-  ],
-});
--- a/packages/@core/ui-kit/form-ui/package.json
+++ b/packages/@core/ui-kit/form-ui/package.json
@ -11,7 +11,8 @@
  "license": "MIT",
  "type": "module",
  "scripts": {
-    "build": "pnpm unbuild",
+    "build": "pnpm exec tsdown",
+    "stub": "pnpm run build",
    "prepublishOnly": "npm run build"
  },
  "files": [
@ -22,6 +23,7 @@
  ],
  "main": "./dist/index.mjs",
  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
  "exports": {
    ".": {
      "types": "./src/index.ts",
@ -33,6 +35,7 @@
  "publishConfig": {
    "exports": {
      ".": {
+        "types": "./dist/index.d.ts",
        "default": "./dist/index.mjs"
      }
    }
--- a/packages/@core/ui-kit/form-ui/tsdown.config.ts
+++ b/packages/@core/ui-kit/form-ui/tsdown.config.ts
@ -0,0 +1,22 @@
+import Vue from 'unplugin-vue/rolldown';
+
+import { defineConfig } from 'tsdown';
+
+export default defineConfig({
+  clean: true,
+  deps: {
+    skipNodeModulesBundle: true,
+  },
+  dts: {
+    vue: true,
+  },
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  outExtensions: () => ({
+    dts: '.d.ts',
+    js: '.mjs',
+  }),
+  platform: 'neutral',
+  plugins: [Vue({ isProduction: true })],
+  unbundle: true,
+});
--- a/packages/@core/ui-kit/layout-ui/build.config.ts
+++ b/packages/@core/ui-kit/layout-ui/build.config.ts
@ -1,21 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-
-export default defineBuildConfig({
-  clean: true,
-  declaration: true,
-  entries: [
-    {
-      builder: 'mkdist',
-      input: './src',
-      loaders: ['vue'],
-      pattern: ['**/*.vue'],
-    },
-    {
-      builder: 'mkdist',
-      format: 'esm',
-      input: './src',
-      loaders: ['js'],
-      pattern: ['**/*.ts'],
-    },
-  ],
-});
--- a/packages/@core/ui-kit/layout-ui/package.json
+++ b/packages/@core/ui-kit/layout-ui/package.json
@ -11,7 +11,8 @@
  "license": "MIT",
  "type": "module",
  "scripts": {
-    "build": "pnpm unbuild",
+    "build": "pnpm exec tsdown",
+    "stub": "pnpm run build",
    "prepublishOnly": "npm run build"
  },
  "files": [
@ -22,6 +23,7 @@
  ],
  "main": "./dist/index.mjs",
  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
  "exports": {
    ".": {
      "types": "./src/index.ts",
@ -33,6 +35,7 @@
  "publishConfig": {
    "exports": {
      ".": {
+        "types": "./dist/index.d.ts",
        "default": "./dist/index.mjs"
      }
    }
--- a/packages/@core/ui-kit/layout-ui/tsdown.config.ts
+++ b/packages/@core/ui-kit/layout-ui/tsdown.config.ts
@ -0,0 +1,22 @@
+import Vue from 'unplugin-vue/rolldown';
+
+import { defineConfig } from 'tsdown';
+
+export default defineConfig({
+  clean: true,
+  deps: {
+    skipNodeModulesBundle: true,
+  },
+  dts: {
+    vue: true,
+  },
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  outExtensions: () => ({
+    dts: '.d.ts',
+    js: '.mjs',
+  }),
+  platform: 'neutral',
+  plugins: [Vue({ isProduction: true })],
+  unbundle: true,
+});
--- a/packages/@core/ui-kit/popup-ui/build.config.ts
+++ b/packages/@core/ui-kit/popup-ui/build.config.ts
@ -1,21 +0,0 @@
-import { defineBuildConfig } from 'unbuild';
-
-export default defineBuildConfig({
-  clean: true,
-  declaration: true,
-  entries: [
-    {
-      builder: 'mkdist',
-      input: './src',
-      loaders: ['vue'],
-      pattern: ['**/*.vue'],
-    },
-    {
-      builder: 'mkdist',
-      format: 'esm',
-      input: './src',
-      loaders: ['js'],
-      pattern: ['**/*.ts'],
-    },
-  ],
-});
--- a/packages/@core/ui-kit/popup-ui/package.json
+++ b/packages/@core/ui-kit/popup-ui/package.json
@ -11,7 +11,8 @@
  "license": "MIT",
  "type": "module",
  "scripts": {
-    "build": "pnpm unbuild",
+    "build": "pnpm exec tsdown",
+    "stub": "pnpm run build",
    "prepublishOnly": "npm run build"
  },
  "files": [
@ -22,6 +23,7 @@
  ],
  "main": "./dist/index.mjs",
  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
  "exports": {
    ".": {
      "types": "./src/index.ts",
@ -33,6 +35,7 @@
  "publishConfig": {
    "exports": {
      ".": {
+        "types": "./dist/index.d.ts",
        "default": "./dist/index.mjs"
      }
    }
--- a/packages/@core/ui-kit/popup-ui/tsdown.config.ts
+++ b/packages/@core/ui-kit/popup-ui/tsdown.config.ts
@ -0,0 +1,22 @@
+import { defineConfig } from 'tsdown';
+// eslint-disable-next-line n/no-extraneous-import
+import Vue from 'unplugin-vue/rolldown';
+
+export default defineConfig({
+  clean: true,
+  deps: {
+    skipNodeModulesBundle: true,
+  },
+  dts: {
+    vue: true,
+  },
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  outExtensions: () => ({
+    dts: '.d.ts',
+    js: '.mjs',
+  }),
+  platform: 'neutral',
+  plugins: [Vue({ isProduction: true })],
+  unbundle: true,
+});
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -588,6 +588,9 @@ importers:
      unbuild:
        specifier: 'catalog:'
        version: 3.6.1(sass@1.98.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.30(typescript@5.9.3))
+      unplugin-vue:
+        specifier: ^7.1.1
+        version: 7.1.1(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.6.4)(sass-embedded@1.98.0)(sass@1.98.0)(terser@5.46.0)(vue@3.5.30(typescript@5.9.3))(yaml@2.8.2)
      vite:
        specifier: 'catalog:'
        version: 8.0.0(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.6.4)(sass-embedded@1.98.0)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
@ -10687,6 +10690,12 @@ packages:
    resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
    engines: {node: '>=20.19.0'}

+  unplugin-vue@7.1.1:
+    resolution: {integrity: sha512-0171rToKyJtoz+faE9CSGtAhCF7//t8sJueyyfZujf4RcKtoHLU/wqcsnuH5aq3tDB+I/Tg6IXiWgPvI+TK/zw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      vue: ^3.5.30
+
  unplugin@2.3.11:
    resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
    engines: {node: '>=18.12.0'}
@ -20630,6 +20639,29 @@ snapshots:
      pathe: 2.0.3
      picomatch: 4.0.3

+  unplugin-vue@7.1.1(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.6.4)(sass-embedded@1.98.0)(sass@1.98.0)(terser@5.46.0)(vue@3.5.30(typescript@5.9.3))(yaml@2.8.2):
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      '@vue/reactivity': 3.5.30
+      obug: 2.1.1
+      unplugin: 3.0.0
+      vite: 8.0.0(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.6.4)(sass-embedded@1.98.0)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
+      vue: 3.5.30(typescript@5.9.3)
+    transitivePeerDependencies:
+      - '@types/node'
+      - '@vitejs/devtools'
+      - esbuild
+      - jiti
+      - less
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - terser
+      - tsx
+      - yaml
+
  unplugin@2.3.11:
    dependencies:
      '@jridgewell/remapping': 2.3.5
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@ -161,6 +161,7 @@ catalog:
  unbuild: ^3.6.1
  unplugin-dts: ^1.0.0-beta.6
  unplugin-element-plus: ^0.11.2
+  unplugin-vue: ^7.1.1
  vee-validate: ^4.15.1
  vite: ^8.0.0
  vite-plugin-compression: ^0.5.1