chore: compose workflow api

build/vite/plugin/index.ts

@@ -21,6 +21,7 @@ import { configImageminPlugin } from './imagemin';
 import { configSvgIconsPlugin } from './svgSprite';
 import OptimizationPersist from 'vite-plugin-optimize-persist';
 import PkgConfig from 'vite-plugin-package-config';
+import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus';
 
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   const {
@@ -34,7 +35,9 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
     // 必须,提供对Vue3单文件组件构建
     vue(),
     // 必须,提供对Vue3 Jsx构建
-    vueJsx()
+    vueJsx(),
+    // 提供对setup语法name支持
+    vueSetupExtend(),
   ];
 
   // vite-plugin-windicss,提供对windicss构建

package.json

@@ -109,6 +109,7 @@
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-theme": "^0.8.6",
+    "vite-plugin-vue-setup-extend-plus": "^0.1.0",
     "vite-plugin-windicss": "^1.8.7",
     "vue-eslint-parser": "^8.3.0",
     "vue-tsc": "^1.0.9"

pnpm-lock.yaml

@@ -79,6 +79,7 @@ specifiers:
   vite-plugin-style-import: ^2.0.0
   vite-plugin-svg-icons: ^2.0.1
   vite-plugin-theme: ^0.8.6
+  vite-plugin-vue-setup-extend-plus: ^0.1.0
   vite-plugin-windicss: ^1.8.7
   vue: ^3.2.45
   vue-eslint-parser: ^8.3.0
@@ -178,6 +179,7 @@ devDependencies:
   vite-plugin-style-import: 2.0.0_vite@2.9.16
   vite-plugin-svg-icons: 2.0.1_vite@2.9.16
   vite-plugin-theme: 0.8.6_vite@2.9.16
+  vite-plugin-vue-setup-extend-plus: 0.1.0
   vite-plugin-windicss: 1.9.1_vite@2.9.16
   vue-eslint-parser: 8.3.0_eslint@8.49.0
   vue-tsc: 1.8.13_typescript@4.9.5
@@ -9217,6 +9219,10 @@ packages:
       - supports-color
     dev: true
 
+  /vite-plugin-vue-setup-extend-plus/0.1.0:
+    resolution: {integrity: sha512-pa27KIsHIBvBMv4xz9uB3UCfAuP2tr7PLlFhCS9vw+aXd326LEHsvhqd3hCQDOR5MjlQVyQH6vwuGr3u+KRiiw==}
+    dev: true
+
   /vite-plugin-windicss/1.9.1_vite@2.9.16:
     resolution: {integrity: sha512-CWm1b/tXVCJTbEGn4oB8B7Gev9xDuY9k4E/KiJqDuLYspBUFQyZKPF2mSZ3DfNdojsfqgzxu9ervqvlb9jJ7fw==}
     peerDependencies:

src/views/dashboard/analysis/index.vue

@@ -9,7 +9,7 @@
     </div>
   </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="Analysis">
   import { ref } from 'vue';
   import GrowCard from './components/GrowCard.vue';
   import SiteAnalysis from './components/SiteAnalysis.vue';

types/vue-router.d.ts

@@ -11,6 +11,8 @@ declare module 'vue-router' {
   interface RouteMeta extends Record<string | number | symbol, unknown> {
     // 标题
     title: string;
+    // 路由组件名称（用于路由组件缓存）
+    compName?: string;
     // 动态路由打开数,超过数量自动关闭最前的tabs标签 (标签页复用)
     dynamicLevel?: number;
     // 动态路由器真实路由路径（为了性能）