feat: use unplugin-vue-define-options add setup name

src/views/tabs/detail.vue

@@ -1,5 +1,10 @@
 <script setup lang="ts">
 import { useDetail } from "./hooks";
+
+defineOptions({
+  name: "TabDetail"
+});
+
 const { initToDetail, id } = useDetail();
 initToDetail();
 </script>

src/views/tabs/hooks.ts

@@ -11,7 +11,7 @@ export function useDetail() {
     useMultiTagsStoreHook().handleTags("push", {
       path: `/tabs/detail`,
       parentPath: route.matched[0].path,
-      name: "tabDetail",
+      name: "TabDetail",
       query: { id: String(index) },
       meta: {
         title: { zh: `No.${index} - 详情信息`, en: `No.${index} - DetailInfo` },
@@ -19,7 +19,7 @@ export function useDetail() {
         dynamicLevel: 3
       }
     });
-    router.push({ name: "tabDetail", query: { id: String(index) } });
+    router.push({ name: "TabDetail", query: { id: String(index) } });
   }
 
   function initToDetail() {

src/views/tabs/index.vue

@@ -10,6 +10,11 @@ import {
   getNodeByUniqueId
 } from "/@/utils/tree";
 import { useDetail } from "./hooks";
+
+defineOptions({
+  name: "Tabs"
+});
+
 const { toDetail, router } = useDetail();
 
 let treeData = computed(() => {