diff --git a/.vscode/settings.json b/.vscode/settings.json
index 2ca1ca1..33c89a8 100644
--- 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
 }
diff --git a/eslint.config.ts b/eslint.config.ts
index 7962dc3..475ba2d 100644
--- a/eslint.config.ts
+++ b/eslint.config.ts
@@ -55,6 +55,12 @@ export default defineConfigWithVueTs(
       //     },
       //   },
       // ],
+      'vue/block-order': [
+        'error',
+        {
+          order: ['script', 'template', 'style'],
+        },
+      ],
     },
   },
 
diff --git a/package.json b/package.json
index b0791d5..d3ffb14 100644
--- 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"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2f16c0c..4a07190 100644
--- 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
diff --git a/src/components/send-sms.vue b/src/components/send-sms.vue
index a7a179b..31de86a 100644
--- 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>
diff --git a/src/layouts/sakai-vue/AppConfigurator.vue b/src/layouts/sakai-vue/AppConfigurator.vue
index 8cfce46..afa426d 100644
--- 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';
diff --git a/src/layouts/second.vue b/src/layouts/second.vue
index 47c6744..a2aa48b 100644
--- 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>
diff --git a/src/pages/AntdV/index.page.vue b/src/pages/AntdV/index.page.vue
new file mode 100644
index 0000000..3350cdc
--- /dev/null
+++ 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>
diff --git a/src/pages/Icons.page.vue b/src/pages/Icons.page.vue
index b81ec3d..5c2e0a9 100644
--- 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>
diff --git a/src/pages/VueMacros/ReusableTemplate.page.vue b/src/pages/VueMacros/ReusableTemplate.page.vue
index 445c77f..6042c1a 100644
--- 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>
diff --git a/src/pages/[...path].page.vue b/src/pages/[...path].page.vue
index 02edde2..9eb8437 100644
--- 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
diff --git a/src/pages/api.page.vue b/src/pages/api.page.vue
index e786b11..3ef5c80 100644
--- 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>
diff --git a/src/pages/i18n.page.vue b/src/pages/i18n.page.vue
index d692384..730f99d 100644
--- 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 {
diff --git a/src/plugins/primevue.ts b/src/plugins/primevue.ts
index 0261c5b..b86309f 100644
--- 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';
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 8e7524d..3f87e07 100644
--- 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';
diff --git a/typed-router.d.ts b/typed-router.d.ts
index ac0e991..7d0bfa9 100644
--- 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>>,
diff --git a/vite.config.plugins.ts b/vite.config.plugins.ts
index 7d8f845..0388cbd 100644
--- 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'],