feat: update ESLint configuration and package dependencies, add Ant Design Vue

2025-02-27 12:28:58 +08:00
parent 8aef352614
commit 1f2911c096
17 changed files with 320 additions and 126 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -1,6 +1,7 @@
 {
  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "never",
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit",
    "source.organizeImports": "never",
    "source.fixAll.oxc": "explicit"
  },
@ -19,5 +20,6 @@
  "typescript.tsdk": "node_modules/typescript/lib",
  "typescript.preferences.autoImportFileExcludePatterns": ["vue-router/auto$"],
  "i18n-ally.localesPaths": ["src/locales"],
-  "i18n-ally.keystyle": "nested"
+  "i18n-ally.keystyle": "nested",
+  "oxc.enable": true
 }
--- a/eslint.config.ts
+++ b/eslint.config.ts
@ -55,6 +55,12 @@ export default defineConfigWithVueTs(
      //     },
      //   },
      // ],
+      'vue/block-order': [
+        'error',
+        {
+          order: ['script', 'template', 'style'],
+        },
+      ],
    },
  },

--- a/package.json
+++ b/package.json
@ -1,5 +1,5 @@
 {
-  "packageManager": "pnpm@10.4.1",
+  "packageManager": "pnpm@10.5.2",
  "name": "vue-ts-example",
  "version": "0.0.0",
  "private": true,
@ -34,7 +34,6 @@
    "overrides": {
      "vite": "$vite",
      "vue-tsc": "$vue-tsc",
-      "@primevue/themes": "$primevue",
      "@primevue/auto-import-resolver": "$primevue"
    }
  },
@ -43,11 +42,12 @@
    "@formkit/auto-animate": "^0.8.2",
    "@intlify/unplugin-vue-i18n": "^6.0.3",
    "@pinia/colada": "^0.13.5",
-    "@primevue/themes": "^4.3.0",
+    "@primeuix/themes": "^1.0.0",
    "@unhead/vue": "^1.11.18",
    "@vant/use": "^1.6.0",
    "@vueuse/core": "^12.5.0",
    "alova": "^3.2.8",
+    "ant-design-vue": "4.x",
    "axios": "^1.7.9",
    "consola": "^3.4.0",
    "dayjs": "^1.11.13",
@ -60,15 +60,13 @@
    "pinia": "^3.0.1",
    "pinia-plugin-persistedstate": "^4.2.0",
    "primeicons": "^7.0.0",
-    "primelocale": "^1.6.0",
-    "primevue": "^4.3.0-rc.1",
+    "primelocale": "^2.0.0",
+    "primevue": "^4.3.1",
    "radash": "^12.1.0",
-    "taze": "^18.4.0",
    "tdesign-icons-vue-next": "^0.3.4",
    "ts-enum-util": "^4.1.0",
    "utils4u": "^4.0.0",
    "vant": "^4.9.16",
-    "vite-plugin-webfont-dl": "^3.10.4",
    "vue": "^3.5.13",
    "vue-i18n": "^11.1.0",
    "vue-page-stack": "^3.2.0",
@ -80,7 +78,7 @@
    "@iconify-json/carbon": "^1.2.6",
    "@iconify/utils": "^2.3.0",
    "@playwright/test": "^1.50.1",
-    "@primevue/auto-import-resolver": "^4.2.5",
+    "@primevue/auto-import-resolver": "*",
    "@tsconfig/node22": "^22.0.0",
    "@types/mockjs": "^1.0.10",
    "@types/node": "^22.13.1",
@ -110,6 +108,7 @@
    "prettier": "^3.4.2",
    "sass-embedded": "^1.83.4",
    "surge": "^0.24.6",
+    "taze": "^18.4.0",
    "terser": "^5.38.1",
    "typescript": "~5.7.3",
    "unocss": "^66.0.0",
@ -127,6 +126,7 @@
    "vite-plugin-vue-devtools": "^7.7.1",
    "vite-plugin-vue-layouts": "^0.11.0",
    "vite-plugin-vue-meta-layouts": "^0.5.1",
+    "vite-plugin-webfont-dl": "^3.10.4",
    "vue-tsc": "^2.2.0"
  }
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -7,8 +7,7 @@ settings:
 overrides:
  vite: ^6.1.0
  vue-tsc: ^2.2.0
-  '@primevue/themes': ^4.3.0-rc.1
-  '@primevue/auto-import-resolver': ^4.3.0-rc.1
+  '@primevue/auto-import-resolver': ^4.3.1

 importers:

@ -26,9 +25,9 @@ importers:
      '@pinia/colada':
        specifier: ^0.13.5
        version: 0.13.5(pinia@3.0.1(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3)))
-      '@primevue/themes':
-        specifier: ^4.3.0-rc.1
-        version: 4.3.0-rc.1
+      '@primeuix/themes':
+        specifier: ^1.0.0
+        version: 1.0.0
      '@unhead/vue':
        specifier: ^1.11.18
        version: 1.11.18(vue@3.5.13(typescript@5.7.3))
@ -41,6 +40,9 @@ importers:
      alova:
        specifier: ^3.2.8
        version: 3.2.8
+      ant-design-vue:
+        specifier: 4.x
+        version: 4.2.6(vue@3.5.13(typescript@5.7.3))
      axios:
        specifier: ^1.7.9
        version: 1.7.9
@ -78,17 +80,14 @@ importers:
        specifier: ^7.0.0
        version: 7.0.0
      primelocale:
-        specifier: ^1.6.0
-        version: 1.6.0
+        specifier: ^2.0.0
+        version: 2.0.0
      primevue:
-        specifier: ^4.3.0-rc.1
-        version: 4.3.0-rc.1(vue@3.5.13(typescript@5.7.3))
+        specifier: ^4.3.1
+        version: 4.3.1(vue@3.5.13(typescript@5.7.3))
      radash:
        specifier: ^12.1.0
        version: 12.1.0
-      taze:
-        specifier: ^18.4.0
-        version: 18.5.0
      tdesign-icons-vue-next:
        specifier: ^0.3.4
        version: 0.3.4(vue@3.5.13(typescript@5.7.3))
@ -97,13 +96,10 @@ importers:
        version: 4.1.0
      utils4u:
        specifier: ^4.0.0
-        version: 4.0.0(@vueuse/core@12.5.0(typescript@5.7.3))(dayjs@1.11.13)(nprogress@0.2.0)(primevue@4.3.0-rc.1(vue@3.5.13(typescript@5.7.3)))(vant@4.9.16(vue@3.5.13(typescript@5.7.3)))(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
+        version: 4.0.0(@vueuse/core@12.5.0(typescript@5.7.3))(dayjs@1.11.13)(nprogress@0.2.0)(primevue@4.3.1(vue@3.5.13(typescript@5.7.3)))(vant@4.9.16(vue@3.5.13(typescript@5.7.3)))(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
      vant:
        specifier: ^4.9.16
        version: 4.9.16(vue@3.5.13(typescript@5.7.3))
-      vite-plugin-webfont-dl:
-        specifier: ^3.10.4
-        version: 3.10.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))
      vue:
        specifier: ^3.5.13
        version: 3.5.13(typescript@5.7.3)
@ -133,8 +129,8 @@ importers:
        specifier: ^1.50.1
        version: 1.50.1
      '@primevue/auto-import-resolver':
-        specifier: ^4.3.0-rc.1
-        version: 4.3.0-rc.1
+        specifier: ^4.3.1
+        version: 4.3.1
      '@tsconfig/node22':
        specifier: ^22.0.0
        version: 22.0.0
@ -222,6 +218,9 @@ importers:
      surge:
        specifier: ^0.24.6
        version: 0.24.6
+      taze:
+        specifier: ^18.4.0
+        version: 18.5.0
      terser:
        specifier: ^5.38.1
        version: 5.38.2
@ -273,6 +272,9 @@ importers:
      vite-plugin-vue-meta-layouts:
        specifier: ^0.5.1
        version: 0.5.1(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))
+      vite-plugin-webfont-dl:
+        specifier: ^3.10.4
+        version: 3.10.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(less@4.2.2)(sass-embedded@1.83.4)(terser@5.38.2)(tsx@4.19.2)(yaml@2.7.0))
      vue-tsc:
        specifier: ^2.2.0
        version: 2.2.0(typescript@5.7.3)
@ -292,6 +294,17 @@ packages:
    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
    engines: {node: '>=6.0.0'}

+  '@ant-design/colors@6.0.0':
+    resolution: {integrity: sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==}
+
+  '@ant-design/icons-svg@4.4.2':
+    resolution: {integrity: sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==}
+
+  '@ant-design/icons-vue@7.0.1':
+    resolution: {integrity: sha512-eCqY2unfZK6Fe02AwFlDHLfoyEFreP6rBwAZMIJ1LugmfMiVgwWDYlp1YsRugaPtICYOabV1iWxXdP12u9U43Q==}
+    peerDependencies:
+      vue: '>=3.0.3'
+
  '@antfu/install-pkg@0.5.0':
    resolution: {integrity: sha512-dKnk2xlAyC7rvTkpkHmu+Qy/2Zc3Vm/l8PtNyIOGDBtXPY3kThfU4ORNEp3V7SXw5XSOb+tOJaUYpfquPzL/Tg==}

@ -488,6 +501,10 @@ packages:
    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
    engines: {node: '>=12'}

+  '@ctrl/tinycolor@3.6.1':
+    resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
+    engines: {node: '>=10'}
+
  '@edge-runtime/format@2.2.1':
    resolution: {integrity: sha512-JQTRVuiusQLNNLe2W9tnzBlV/GvSVcozLl4XZHk5swnRZ/v6jp8TqR8P7sqmJsQqblDZ3EztcWmLDbhRje/+8g==}
    engines: {node: '>=16'}
@ -517,6 +534,12 @@ packages:
  '@emnapi/wasi-threads@1.0.1':
    resolution: {integrity: sha512-iIBu7mwkq4UQGeMEM8bLwNK962nXdhodeScX4slfQnRhEMMzvYivHhutCIk8uojvmASXXPC2WNEjwxFWk72Oqw==}

+  '@emotion/hash@0.9.2':
+    resolution: {integrity: sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==}
+
+  '@emotion/unitless@0.8.1':
+    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
+
  '@esbuild/aix-ppc64@0.23.1':
    resolution: {integrity: sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==}
    engines: {node: '>=18'}
@ -1164,39 +1187,34 @@ packages:
    resolution: {integrity: sha512-k5CTQ+10cXIXxZTep7sktmYe8lJkjmUaFVDAc1OCsWTJR+bhBy/s6zWIatGljVtuf3RmTSxtlrHQeFLjPmdUNQ==}
    engines: {node: '>=12.11.0'}

-  '@primeuix/styles@1.0.0-rc.1':
-    resolution: {integrity: sha512-A8vG07B0NRUE2r6InDEqQIMAHfHuJm8gHxb8M+jNgP6DAkKZRYK+Q2hYcNaQWXjdwt+exJt23J2aA9zrPEdzaQ==}
+  '@primeuix/styles@1.0.0':
+    resolution: {integrity: sha512-j/TlbqihLNMP37zFNjxac5dTRaQEf5Ldrv0P7NwKigCCc/+MI5j4MddxDw1LnxkGhWCJ1Gjbt9uwyQteWtSv7A==}

-  '@primeuix/themes@1.0.0-rc.1':
-    resolution: {integrity: sha512-F9dJIPPQXwWYdbgE8J04n1eLMuVmJ+XeAkrSqQu2NqGHUffB3dH2Zm0Mqknu0L7xrt/tjqnZ1EBlwsmvi1rycQ==}
+  '@primeuix/themes@1.0.0':
+    resolution: {integrity: sha512-fxUgcAP9H6FeytbE8c4QvRt8aBnoyZJqvtnnVwHT8PHr1dNSnC1nYKGrXpebcx3SpNy9Hp9oVidGsl6u61+pXQ==}

  '@primeuix/utils@0.5.1':
    resolution: {integrity: sha512-/bYirtF3gJOGrRQfQ5tUyQOLEria7wg/UCqvpIydTAxLmj/UWgWwh2kAjYVp49eldm1+2sk4+TDkbAz8XcPpew==}
    engines: {node: '>=12.11.0'}

-  '@primevue/auto-import-resolver@4.3.0-rc.1':
-    resolution: {integrity: sha512-EmVcZg+qT5OwHnbBqjtygdmTaJ89tsVFBEfB3NTFBcrJoKl5TuyDpnjJF7A28JDjdbPYsWSBM3saXfuvkc0xXQ==}
+  '@primevue/auto-import-resolver@4.3.1':
+    resolution: {integrity: sha512-Z3NSbREk/ZfhLwwCWAq9w7HMFyelfIqX7kGdV0/9YL8pHtB4G18dot5avG0alHWEjHkDPr2lkt3hai9+HduIDw==}
    engines: {node: '>=12.11.0'}

-  '@primevue/core@4.3.0-rc.1':
-    resolution: {integrity: sha512-LFJx6J1BKJ+KEzP7Fe7DeZ5I1F2fcp2XybB6A9lm++ZxWOCV1ZgFn46XTh2C3zjfbYg3BsyLeZYomYld9x8N3A==}
+  '@primevue/core@4.3.1':
+    resolution: {integrity: sha512-Z2JfYk7I477qdlWHH5yiqUK0cwNe5joZJLwFtSEFkmBi/ocXvkGNAYk8XYNCz6UTDePUQSHKseKJxMkFHlfRtw==}
    engines: {node: '>=12.11.0'}
    peerDependencies:
      vue: ^3.5.0

-  '@primevue/icons@4.3.0-rc.1':
-    resolution: {integrity: sha512-qpZTA2JH0EYNGoLxgo8GIw+xgrBpLnbef4gfZf3p9ZGisdy3IaciVZkoeeMmhXVivnLVmpr2sPE0PSzMrHZOqQ==}
+  '@primevue/icons@4.3.1':
+    resolution: {integrity: sha512-67GFk/NdbVDuPx4tlbO01BBWujLiZTJJJSce63dvLr7082YukPfrQq4Kru+y5Qmrfkq0uaP1I3+Ut9Skr6ATfQ==}
    engines: {node: '>=12.11.0'}

-  '@primevue/metadata@4.3.0-rc.1':
-    resolution: {integrity: sha512-47dvQwGWtagVls6oem11uUxNIsxAtSCGNoOhvq3rohtLIOtTiVEC4MV6TQhM2QJVAVbcR2NsfKjidcEwAnsvDg==}
+  '@primevue/metadata@4.3.1':
+    resolution: {integrity: sha512-AOnbzzYr0Y7w7M1jTypNQQyDtEbrzjCmjnFf8tQ72fAHpTU2+W7O7aw0oO17VCh5TLyZkCftwWG9N6SfCv3o+Q==}
    engines: {node: '>=12.11.0'}

-  '@primevue/themes@4.3.0-rc.1':
-    resolution: {integrity: sha512-ppJFDqTiM+hFQwpe3moG9FElXoziaeuJk8sJ+XINTSHQpZALwSkBmInnsrG+tvNsLyFLvyFxLIYscQTZO4x5iA==}
-    engines: {node: '>=12.11.0'}
-    deprecated: This package is deprecated. Use @primeuix/themes instead.
-
  '@rollup/pluginutils@5.1.4':
    resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
    engines: {node: '>=14.0.0'}
@ -1314,6 +1332,9 @@ packages:
  '@sec-ant/readable-stream@0.4.1':
    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}

+  '@simonwep/pickr@1.8.2':
+    resolution: {integrity: sha512-/l5w8BIkrpP6n1xsetx9MWPWlU6OblN5YgZZphxan0Tq4BByTCETL6lyIeY8lagalS2Nbt4F2W034KHLIiunKA==}
+
  '@sinclair/typebox@0.25.24':
    resolution: {integrity: sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==}

@ -2044,6 +2065,12 @@ packages:
    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
    engines: {node: '>=12'}

+  ant-design-vue@4.2.6:
+    resolution: {integrity: sha512-t7eX13Yj3i9+i5g9lqFyYneoIb3OzTvQjq9Tts1i+eiOd3Eva/6GagxBSXM1fOCjqemIu0FYVE1ByZ/38epR3Q==}
+    engines: {node: '>=12.22.0'}
+    peerDependencies:
+      vue: '>=3.2.0'
+
  any-promise@1.3.0:
    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}

@ -2067,6 +2094,9 @@ packages:
    resolution: {integrity: sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==}
    engines: {node: '>=8'}

+  array-tree-filter@2.1.0:
+    resolution: {integrity: sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw==}
+
  array-union@2.1.0:
    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
    engines: {node: '>=8'}
@ -2104,6 +2134,9 @@ packages:
  async-sema@3.1.1:
    resolution: {integrity: sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==}

+  async-validator@4.2.5:
+    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+
  asynckit@0.4.0:
    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}

@ -2371,6 +2404,9 @@ packages:
    engines: {node: '>= 12'}
    hasBin: true

+  compute-scroll-into-view@1.0.20:
+    resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
+
  concat-map@0.0.1:
    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}

@ -2405,6 +2441,9 @@ packages:
    resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==}
    engines: {node: '>=12.13'}

+  core-js@3.40.0:
+    resolution: {integrity: sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==}
+
  core-util-is@1.0.2:
    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}

@ -2552,6 +2591,12 @@ packages:
    resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
    engines: {node: '>=0.3.1'}

+  dom-align@1.12.4:
+    resolution: {integrity: sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw==}
+
+  dom-scroll-into-view@2.0.1:
+    resolution: {integrity: sha512-bvVTQe1lfaUr1oFzZX80ce9KLDlZ3iU+XGNE/bz9HnGdklTieqsbmsLHe+rT2XWqopvL0PckkYqN7ksmm5pe3w==}
+
  dotenv@16.4.7:
    resolution: {integrity: sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==}
    engines: {node: '>=12'}
@ -3350,6 +3395,10 @@ packages:
    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
    engines: {node: '>=12'}

+  is-plain-object@3.0.1:
+    resolution: {integrity: sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==}
+    engines: {node: '>=0.10.0'}
+
  is-reference@3.0.3:
    resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==}

@ -3559,6 +3608,9 @@ packages:
    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
    engines: {node: '>=10'}

+  lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
  lodash.isplainobject@4.0.6:
    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}

@ -3589,6 +3641,10 @@ packages:
    resolution: {integrity: sha512-Ajzxb8CM6WAnFjgiloPsI3bF+WCxcvhdIG3KNA2KN962+tdBsHcuQ4k4qX/EcS/2CRkcc0iAkR956Nib6aXU/Q==}
    engines: {node: '>=0.10.0'}

+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
  lru-cache@10.4.3:
    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}

@ -3797,6 +3853,9 @@ packages:
    engines: {node: ^18 || >=20}
    hasBin: true

+  nanopop@2.4.2:
+    resolution: {integrity: sha512-NzOgmMQ+elxxHeIha+OG/Pv3Oc3p4RU2aBhwWwAqDpXrdTbtRylbRLQztLy8dMMwfl6pclznBdfUhccEn9ZIzw==}
+
  natural-compare@1.4.0:
    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}

@ -4166,12 +4225,12 @@ packages:
  primeicons@7.0.0:
    resolution: {integrity: sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==}

-  primelocale@1.6.0:
-    resolution: {integrity: sha512-SDE3hKspR+RWg7j/xDXw2UfvcTlEVvtzo80CtWs6Q99qphEY4BQEXFDTa4ovVhdk2CZYXyWCFUxU/pO70RJh+A==}
-    engines: {node: '>=12.0.0', npm: '>=6.0.0'}
+  primelocale@2.0.0:
+    resolution: {integrity: sha512-tSPmma2wNCb+oP8gknlq/TrtHNJlDKpCNRqKSy6pyVG902J8p5ZDWwD3MRAQZ43gNMbgd1CdRUlG4YhIHj10DA==}
+    engines: {node: '>=18.0.0', npm: '>=8.6.0'}

-  primevue@4.3.0-rc.1:
-    resolution: {integrity: sha512-T5WI8zufwec/7Vr5/gzbJ6vY+dh/DOm79V9t5ey+OYwV7M46+kespZKy6rhKJvmANboOJlzEb6/WIdh+7zm18g==}
+  primevue@4.3.1:
+    resolution: {integrity: sha512-NSUpcWf2WpXgqOvjgXu5zQM3E5UEXoA2iXLi6xV+h1SBZ1TmgNfrjme96KRzfUY2RBsI0rTSUuPv0I+fXvtcmA==}
    engines: {node: '>=12.11.0'}

  progress@2.0.3:
@ -4265,6 +4324,9 @@ packages:
  require-package-name@2.0.1:
    resolution: {integrity: sha512-uuoJ1hU/k6M0779t3VMVIYpb2VMJk05cehCaABFhXaibcbvfgR8wKiozLjVFSzJPmQMRqIcO0HMyTFqfV09V6Q==}

+  resize-observer-polyfill@1.5.1:
+    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
+
  resolve-dir@1.0.1:
    resolution: {integrity: sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==}
    engines: {node: '>=0.10.0'}
@ -4467,6 +4529,9 @@ packages:
  sax@1.4.1:
    resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==}

+  scroll-into-view-if-needed@2.2.31:
+    resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
+
  scule@1.3.0:
    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}

@ -4498,6 +4563,9 @@ packages:
  setprototypeof@1.1.1:
    resolution: {integrity: sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==}

+  shallow-equal@1.2.1:
+    resolution: {integrity: sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==}
+
  shebang-command@2.0.0:
    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
    engines: {node: '>=8'}
@ -4636,6 +4704,9 @@ packages:
  strip-literal@2.1.1:
    resolution: {integrity: sha512-631UJ6O00eNGfMiWG78ck80dfBab8X6IVFB51jZK5Icd7XAs60Z5y7QdSd/wGIklnWvRbUNloVzhOKKmutxQ6Q==}

+  stylis@4.3.6:
+    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
+
  superjson@2.2.2:
    resolution: {integrity: sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==}
    engines: {node: '>=16'}
@ -4719,6 +4790,10 @@ packages:
    engines: {node: '>=10'}
    hasBin: true

+  throttle-debounce@5.0.2:
+    resolution: {integrity: sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==}
+    engines: {node: '>=12.22'}
+
  through@2.3.8:
    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}

@ -5239,6 +5314,12 @@ packages:
    peerDependencies:
      typescript: '>=5.0.0'

+  vue-types@3.0.2:
+    resolution: {integrity: sha512-IwUC0Aq2zwaXqy74h4WCvFCUtoV0iSWr0snWnE9TnU18S66GAQyqQbRf2qfJtUuiFsBf6qp0MEwdonlwznlcrw==}
+    engines: {node: '>=10.15.0'}
+    peerDependencies:
+      vue: ^3.0.0
+
  vue@3.5.13:
    resolution: {integrity: sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==}
    peerDependencies:
@ -5247,6 +5328,9 @@ packages:
      typescript:
        optional: true

+  warning@4.0.3:
+    resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==}
+
  wcwidth@1.0.1:
    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}

@ -5395,6 +5479,18 @@ snapshots:
      '@jridgewell/gen-mapping': 0.3.8
      '@jridgewell/trace-mapping': 0.3.25

+  '@ant-design/colors@6.0.0':
+    dependencies:
+      '@ctrl/tinycolor': 3.6.1
+
+  '@ant-design/icons-svg@4.4.2': {}
+
+  '@ant-design/icons-vue@7.0.1(vue@3.5.13(typescript@5.7.3))':
+    dependencies:
+      '@ant-design/colors': 6.0.0
+      '@ant-design/icons-svg': 4.4.2
+      vue: 3.5.13(typescript@5.7.3)
+
  '@antfu/install-pkg@0.5.0':
    dependencies:
      package-manager-detector: 0.2.8
@ -5663,6 +5759,8 @@ snapshots:
    dependencies:
      '@jridgewell/trace-mapping': 0.3.9

+  '@ctrl/tinycolor@3.6.1': {}
+
  '@edge-runtime/format@2.2.1': {}

  '@edge-runtime/node-utils@2.3.0': {}
@ -5691,6 +5789,10 @@ snapshots:
      tslib: 2.8.1
    optional: true

+  '@emotion/hash@0.9.2': {}
+
+  '@emotion/unitless@0.8.1': {}
+
  '@esbuild/aix-ppc64@0.23.1':
    optional: true

@ -6199,39 +6301,34 @@ snapshots:
    dependencies:
      '@primeuix/utils': 0.5.1

-  '@primeuix/styles@1.0.0-rc.1':
+  '@primeuix/styles@1.0.0':
    dependencies:
      '@primeuix/styled': 0.5.0

-  '@primeuix/themes@1.0.0-rc.1':
+  '@primeuix/themes@1.0.0':
    dependencies:
      '@primeuix/styled': 0.5.0

  '@primeuix/utils@0.5.1': {}

-  '@primevue/auto-import-resolver@4.3.0-rc.1':
+  '@primevue/auto-import-resolver@4.3.1':
    dependencies:
-      '@primevue/metadata': 4.3.0-rc.1
+      '@primevue/metadata': 4.3.1

-  '@primevue/core@4.3.0-rc.1(vue@3.5.13(typescript@5.7.3))':
+  '@primevue/core@4.3.1(vue@3.5.13(typescript@5.7.3))':
    dependencies:
      '@primeuix/styled': 0.5.0
      '@primeuix/utils': 0.5.1
      vue: 3.5.13(typescript@5.7.3)

-  '@primevue/icons@4.3.0-rc.1(vue@3.5.13(typescript@5.7.3))':
+  '@primevue/icons@4.3.1(vue@3.5.13(typescript@5.7.3))':
    dependencies:
      '@primeuix/utils': 0.5.1
-      '@primevue/core': 4.3.0-rc.1(vue@3.5.13(typescript@5.7.3))
+      '@primevue/core': 4.3.1(vue@3.5.13(typescript@5.7.3))
    transitivePeerDependencies:
      - vue

-  '@primevue/metadata@4.3.0-rc.1': {}
-
-  '@primevue/themes@4.3.0-rc.1':
-    dependencies:
-      '@primeuix/styled': 0.5.0
-      '@primeuix/themes': 1.0.0-rc.1
+  '@primevue/metadata@4.3.1': {}

  '@rollup/pluginutils@5.1.4(rollup@4.30.1)':
    dependencies:
@ -6300,6 +6397,11 @@ snapshots:

  '@sec-ant/readable-stream@0.4.1': {}

+  '@simonwep/pickr@1.8.2':
+    dependencies:
+      core-js: 3.40.0
+      nanopop: 2.4.2
+
  '@sinclair/typebox@0.25.24': {}

  '@sindresorhus/merge-streams@2.3.0': {}
@ -7393,6 +7495,32 @@ snapshots:

  ansi-styles@6.2.1: {}

+  ant-design-vue@4.2.6(vue@3.5.13(typescript@5.7.3)):
+    dependencies:
+      '@ant-design/colors': 6.0.0
+      '@ant-design/icons-vue': 7.0.1(vue@3.5.13(typescript@5.7.3))
+      '@babel/runtime': 7.26.0
+      '@ctrl/tinycolor': 3.6.1
+      '@emotion/hash': 0.9.2
+      '@emotion/unitless': 0.8.1
+      '@simonwep/pickr': 1.8.2
+      array-tree-filter: 2.1.0
+      async-validator: 4.2.5
+      csstype: 3.1.3
+      dayjs: 1.11.13
+      dom-align: 1.12.4
+      dom-scroll-into-view: 2.0.1
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      resize-observer-polyfill: 1.5.1
+      scroll-into-view-if-needed: 2.2.31
+      shallow-equal: 1.2.1
+      stylis: 4.3.6
+      throttle-debounce: 5.0.2
+      vue: 3.5.13(typescript@5.7.3)
+      vue-types: 3.0.2(vue@3.5.13(typescript@5.7.3))
+      warning: 4.0.3
+
  any-promise@1.3.0: {}

  anymatch@3.1.3:
@ -7412,6 +7540,8 @@ snapshots:

  array-differ@3.0.0: {}

+  array-tree-filter@2.1.0: {}
+
  array-union@2.1.0: {}

  arrify@2.0.1: {}
@ -7440,6 +7570,8 @@ snapshots:

  async-sema@3.1.1: {}

+  async-validator@4.2.5: {}
+
  asynckit@0.4.0: {}

  at-least-node@1.0.0: {}
@ -7722,6 +7854,8 @@ snapshots:
      - '@types/node'
      - typescript

+  compute-scroll-into-view@1.0.20: {}
+
  concat-map@0.0.1: {}

  confbox@0.1.8: {}
@ -7749,6 +7883,8 @@ snapshots:
    dependencies:
      is-what: 4.1.16

+  core-js@3.40.0: {}
+
  core-util-is@1.0.2: {}

  cosmiconfig-typescript-loader@6.1.0(@types/node@22.13.1)(cosmiconfig@9.0.0(typescript@5.7.3))(typescript@5.7.3):
@ -7896,6 +8032,10 @@ snapshots:

  diff@4.0.2: {}

+  dom-align@1.12.4: {}
+
+  dom-scroll-into-view@2.0.1: {}
+
  dotenv@16.4.7: {}

  duplexer@0.1.2: {}
@ -8745,6 +8885,8 @@ snapshots:

  is-plain-obj@4.1.0: {}

+  is-plain-object@3.0.1: {}
+
  is-reference@3.0.3:
    dependencies:
      '@types/estree': 1.0.6
@ -8946,6 +9088,8 @@ snapshots:
    dependencies:
      p-locate: 5.0.0

+  lodash-es@4.17.21: {}
+
  lodash.isplainobject@4.0.6:
    optional: true

@ -8976,6 +9120,10 @@ snapshots:

  longest@2.0.1: {}

+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
  lru-cache@10.4.3: {}

  lru-cache@5.1.1:
@ -9165,6 +9313,8 @@ snapshots:

  nanoid@5.0.9: {}

+  nanopop@2.4.2: {}
+
  natural-compare@1.4.0: {}

  natural-orderby@5.0.0: {}
@ -9507,15 +9657,15 @@ snapshots:

  primeicons@7.0.0: {}

-  primelocale@1.6.0: {}
+  primelocale@2.0.0: {}

-  primevue@4.3.0-rc.1(vue@3.5.13(typescript@5.7.3)):
+  primevue@4.3.1(vue@3.5.13(typescript@5.7.3)):
    dependencies:
      '@primeuix/styled': 0.5.0
-      '@primeuix/styles': 1.0.0-rc.1
+      '@primeuix/styles': 1.0.0
      '@primeuix/utils': 0.5.1
-      '@primevue/core': 4.3.0-rc.1(vue@3.5.13(typescript@5.7.3))
-      '@primevue/icons': 4.3.0-rc.1(vue@3.5.13(typescript@5.7.3))
+      '@primevue/core': 4.3.1(vue@3.5.13(typescript@5.7.3))
+      '@primevue/icons': 4.3.1(vue@3.5.13(typescript@5.7.3))
    transitivePeerDependencies:
      - vue

@ -9615,6 +9765,8 @@ snapshots:

  require-package-name@2.0.1: {}

+  resize-observer-polyfill@1.5.1: {}
+
  resolve-dir@1.0.1:
    dependencies:
      expand-tilde: 2.0.2
@ -9798,6 +9950,10 @@ snapshots:
  sax@1.4.1:
    optional: true

+  scroll-into-view-if-needed@2.2.31:
+    dependencies:
+      compute-scroll-into-view: 1.0.20
+
  scule@1.3.0: {}

  section-matter@1.0.0:
@ -9820,6 +9976,8 @@ snapshots:

  setprototypeof@1.1.1: {}

+  shallow-equal@1.2.1: {}
+
  shebang-command@2.0.0:
    dependencies:
      shebang-regex: 3.0.0
@ -9947,6 +10105,8 @@ snapshots:
    dependencies:
      js-tokens: 9.0.1

+  stylis@4.3.6: {}
+
  superjson@2.2.2:
    dependencies:
      copy-anything: 3.0.5
@ -10085,6 +10245,8 @@ snapshots:
      commander: 2.20.3
      source-map-support: 0.5.21

+  throttle-debounce@5.0.2: {}
+
  through@2.3.8: {}

  time-span@4.0.0:
@ -10496,12 +10658,12 @@ snapshots:

  util-deprecate@1.0.2: {}

-  utils4u@4.0.0(@vueuse/core@12.5.0(typescript@5.7.3))(dayjs@1.11.13)(nprogress@0.2.0)(primevue@4.3.0-rc.1(vue@3.5.13(typescript@5.7.3)))(vant@4.9.16(vue@3.5.13(typescript@5.7.3)))(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3)):
+  utils4u@4.0.0(@vueuse/core@12.5.0(typescript@5.7.3))(dayjs@1.11.13)(nprogress@0.2.0)(primevue@4.3.1(vue@3.5.13(typescript@5.7.3)))(vant@4.9.16(vue@3.5.13(typescript@5.7.3)))(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3)):
    optionalDependencies:
      '@vueuse/core': 12.5.0(typescript@5.7.3)
      dayjs: 1.11.13
      nprogress: 0.2.0
-      primevue: 4.3.0-rc.1(vue@3.5.13(typescript@5.7.3))
+      primevue: 4.3.1(vue@3.5.13(typescript@5.7.3))
      vant: 4.9.16(vue@3.5.13(typescript@5.7.3))
      vue: 3.5.13(typescript@5.7.3)
      vue-router: 4.5.0(vue@3.5.13(typescript@5.7.3))
@ -10712,6 +10874,11 @@ snapshots:
      '@vue/language-core': 2.2.0(typescript@5.7.3)
      typescript: 5.7.3

+  vue-types@3.0.2(vue@3.5.13(typescript@5.7.3)):
+    dependencies:
+      is-plain-object: 3.0.1
+      vue: 3.5.13(typescript@5.7.3)
+
  vue@3.5.13(typescript@5.7.3):
    dependencies:
      '@vue/compiler-dom': 3.5.13
@ -10722,6 +10889,10 @@ snapshots:
    optionalDependencies:
      typescript: 5.7.3

+  warning@4.0.3:
+    dependencies:
+      loose-envify: 1.4.0
+
  wcwidth@1.0.1:
    dependencies:
      defaults: 1.0.4
--- a/src/components/send-sms.vue
+++ b/src/components/send-sms.vue
@ -1,13 +1,3 @@
-<template>
-  <Button
-    :label="`发送验证码${isCounting ? `(${countdownTime}s)` : ''}`"
-    variant="link"
-    @click="sendSms"
-    :loading="isSending"
-    :disabled="isSending || isCounting"
-  />
-</template>
-
 <script setup lang="ts">
 const { remaining: countdownTime, start: startCountdown, isActive: isCounting } = useCountdown($__DEV__ ? 3 : 60);

@ -24,3 +14,9 @@ const sendSms = async () => {
  }
 };
 </script>
+
+<template>
+  <AButton ghost type="primary" @click="sendSms" :loading="isSending" :disabled="isSending || isCounting">
+    发送验证码{{ isCounting ? `(${countdownTime}s)` : '' }}
+  </AButton>
+</template>
--- a/src/layouts/sakai-vue/AppConfigurator.vue
+++ b/src/layouts/sakai-vue/AppConfigurator.vue
@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { $t, updatePreset, updateSurfacePalette } from '@primevue/themes';
-import Aura from '@primevue/themes/aura';
-import Lara from '@primevue/themes/lara';
+import { $t, updatePreset, updateSurfacePalette } from '@primeuix/themes';
+import Aura from '@primeuix/themes/aura';
+import Lara from '@primeuix/themes/lara';
 import { ref } from 'vue';

 import { useLayout } from './composables/layout';
--- a/src/layouts/second.vue
+++ b/src/layouts/second.vue
@ -1,8 +1,8 @@
+<script setup lang="ts"></script>
+
 <template>
  <div class="layout-tip">[second layout]</div>
  <RouterView />
 </template>

-<script setup lang="ts"></script>
-
 <style scoped></style>
--- a/src/pages/AntdV/index.page.vue
+++ b/src/pages/AntdV/index.page.vue
@ -0,0 +1,17 @@
+<script setup></script>
+<template>
+  <ACard>
+    <AForm name="basic" :label-col="{ style: { width: '7em' } }">
+      <AFormItem required label="Username">
+        <AInput />
+      </AFormItem>
+      <AFormItem label="Password">
+        <AInput />
+      </AFormItem>
+      <AFormItem>
+        <AButton html-type="submit" type="primary">Submit</AButton>
+      </AFormItem>
+    </AForm>
+  </ACard>
+</template>
+<style lang="scss" scoped></style>
--- a/src/pages/Icons.page.vue
+++ b/src/pages/Icons.page.vue
@ -2,6 +2,10 @@
 // https://icon-sets.iconify.design
 </script>

+<script setup lang="ts">
+import SomeIcon from '~icons/svg/pacman';
+</script>
+
 <template>
  <div b="1px solid pink" mt-2 text-4 p-2 space-y-2>
    <!-- <div b="1px solid pink">
@ -26,7 +30,3 @@
    </div>
  </div>
 </template>
-
-<script setup lang="ts">
-import SomeIcon from '~icons/svg/pacman';
-</script>
--- a/src/pages/VueMacros/ReusableTemplate.page.vue
+++ b/src/pages/VueMacros/ReusableTemplate.page.vue
@ -1,3 +1,17 @@
+<script setup lang="ts">
+import { createReusableTemplate } from '@vueuse/core';
+
+const TemplateFoo = createReusableTemplate<
+  { msg: string },
+  {
+    slotNameee: {
+      slotPropName: string;
+    };
+    default: object;
+  }
+>();
+</script>
+
 <template>
  <h1>Use Reusable Template</h1>

@ -22,17 +36,3 @@
    <div>Passing Slots.Default</div>
  </TemplateFoo.reuse>
 </template>
-
-<script setup lang="ts">
-import { createReusableTemplate } from '@vueuse/core';
-
-const TemplateFoo = createReusableTemplate<
-  { msg: string },
-  {
-    slotNameee: {
-      slotPropName: string;
-    };
-    default: object;
-  }
->();
-</script>
--- a/src/pages/[...path].page.vue
+++ b/src/pages/[...path].page.vue
@ -1,3 +1,6 @@
+<script lang="ts" setup>
+defineProps<{ path: string }>();
+</script>
 <template>
  <main flex-1 class="flex flex-col items-center justify-center h-full space-y-4">
    <h1>Not Found</h1>
@ -5,9 +8,6 @@
    <Button @click="$router.back()">Back</Button>
  </main>
 </template>
-<script lang="ts" setup>
-defineProps<{ path: string }>();
-</script>

 <route lang="yaml">
 props: true
--- a/src/pages/api.page.vue
+++ b/src/pages/api.page.vue
@ -1,8 +1,3 @@
-<template>
-  <pre>{{ JSON.stringify(fakeApiResult, null, 2) }}</pre>
-  <!-- <div>{{ npmRegistryApiResult?.['_id'] }}</div> -->
-</template>
-
 <script setup lang="ts">
 const baseURL = '/fake-api';

@ -22,4 +17,9 @@ fetch(`${baseURL}/mock/get-user-info`)
 //   .then((json) => npmRegistryApiResult = json);
 </script>

+<template>
+  <pre>{{ JSON.stringify(fakeApiResult, null, 2) }}</pre>
+  <!-- <div>{{ npmRegistryApiResult?.['_id'] }}</div> -->
+</template>
+
 <style scoped></style>
--- a/src/pages/i18n.page.vue
+++ b/src/pages/i18n.page.vue
@ -10,6 +10,13 @@
 }
 </i18n>

+<script setup lang="ts">
+const { t } = useI18n({
+  inheritLocale: true,
+  useScope: 'local',
+});
+</script>
+
 <template>
  <div class="i18nComp">
    <div><span class="label">$i18n.availableLocales</span>: {{ $i18n.availableLocales }}</div>
@ -34,13 +41,6 @@
  </div>
 </template>

-<script setup lang="ts">
-const { t } = useI18n({
-  inheritLocale: true,
-  useScope: 'local',
-});
-</script>
-
 <style>
 .i18nComp .label,
 .i18nComp label {
--- a/src/plugins/primevue.ts
+++ b/src/plugins/primevue.ts
@ -2,7 +2,7 @@
 * 需要把 <DynamicDialog /> <ConfirmDialog /> <Toast /> 放在 App.vue 的 template 中
 */

-import Aura from '@primevue/themes/aura';
+import Aura from '@primeuix/themes/aura';
 import zhCN from 'primelocale/zh-CN.json';
 import PrimeVue from 'primevue/config';
 import StyleClass from 'primevue/styleclass';
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@ -1,8 +1,5 @@
-// <link rel="stylesheet" href="https://testingcf.jsdelivr.net/npm/nprogress/nprogress.css" />
-import 'nprogress/nprogress.css';
-// https://unocss.dev/guide/style-reset#tailwind-compat // <link rel="stylesheet" href="https://testingcf.jsdelivr.net/npm/@unocss/reset/tailwind.min.css" />
-// import '@unocss/reset/tailwind-compat.css';
-import '@unocss/reset/tailwind.css';
+import 'nprogress/nprogress.css'; // <link rel="stylesheet" href="https://testingcf.jsdelivr.net/npm/nprogress/nprogress.css" />
+import '@unocss/reset/tailwind-compat.css'; // https://unocss.dev/guide/style-reset#tailwind-compat // <link rel="stylesheet" href="https://testingcf.jsdelivr.net/npm/@unocss/reset/tailwind.min.css" />

 import './base.css';
 import './main.less';
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@ -20,7 +20,8 @@ declare module 'vue-router/auto-routes' {
  export interface RouteNamedMap {
    'Root': RouteRecordInfo<'Root', '/', Record<never, never>, Record<never, never>>,
    '$Path': RouteRecordInfo<'$Path', '/:path(.*)', { path: ParamValue<true> }, { path: ParamValue<false> }>,
-    'Api': RouteRecordInfo<'Api', '/api', Record<never, never>, Record<never, never>>,
+    'AntdV': RouteRecordInfo<'AntdV', '/AntdV', Record<never, never>, Record<never, never>>,
+    'API': RouteRecordInfo<'API', '/API', Record<never, never>, Record<never, never>>,
    'DataLoadersId': RouteRecordInfo<'DataLoadersId', '/data-loaders/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
    'DataLoadersIdSub1UserId': RouteRecordInfo<'DataLoadersIdSub1UserId', '/data-loaders/:id/sub-1/:userId', { id: ParamValue<true>, userId: ParamValue<true> }, { id: ParamValue<false>, userId: ParamValue<false> }>,
    'Fonts': RouteRecordInfo<'Fonts', '/fonts', Record<never, never>, Record<never, never>>,
--- a/vite.config.plugins.ts
+++ b/vite.config.plugins.ts
@ -14,7 +14,7 @@ import AutoImport from 'unplugin-auto-import/vite';
 import { FileSystemIconLoader } from 'unplugin-icons/loaders';
 import IconsResolver from 'unplugin-icons/resolver';
 import Icons from 'unplugin-icons/vite';
-import { TDesignResolver } from 'unplugin-vue-components/resolvers';
+import { AntDesignVueResolver, TDesignResolver } from 'unplugin-vue-components/resolvers';
 import Components from 'unplugin-vue-components/vite';
 import VueMacros from 'unplugin-vue-macros/vite';
 import Markdown from 'unplugin-vue-markdown/vite';
@ -110,6 +110,10 @@ export function Plugins() {
      // __开头的
      excludeNames: [/^__/],
      resolvers: [
+        AntDesignVueResolver({
+          importStyle: false, // css in js
+          resolveIcons: true,
+        }),
        IconsResolver({
          prefix: 'icon',
          customCollections: ['svg'],