feat(project): support dynamic title

apps/antd-view/package.json

@@ -35,6 +35,7 @@
     "@vben/styles": "workspace:*",
     "@vben/types": "workspace:*",
     "@vben/utils": "workspace:*",
+    "@vueuse/core": "^10.9.0",
     "ant-design-vue": "^4.2.1",
     "axios": "^1.7.1",
     "dayjs": "^1.11.11",

apps/antd-view/src/router/guard/index.ts

@@ -1,7 +1,9 @@
 import type { Router } from 'vue-router';
 
+import { $t } from '@vben/locales';
 import { preference } from '@vben/preference';
 import { startProgress, stopProgress } from '@vben/utils';
+import { useTitle } from '@vueuse/core';
 
 import { configAccessGuard } from './access';
 
@@ -26,6 +28,12 @@ function configCommonGuard(router: Router) {
     if (preference.pageProgress) {
       stopProgress();
     }
+
+    // 动态修改标题
+    if (preference.dynamicTitle) {
+      const { title } = to.meta;
+      useTitle(`${$t(title)} - ${preference.appName}`);
+    }
   });
 }
 

apps/antd-view/vite.config.mts

@@ -18,7 +18,7 @@ export default defineConfig({
         { name: 'vue-demi' },
       ],
     },
-    visualizer: true,
+    visualizer: false,
   },
   vite: {
     server: {