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

src/router/index.ts

@@ -103,7 +103,7 @@ router.beforeEach((to: toRouteType, _from, next) => {
     const newMatched = to.matched;
     handleAliveRoute(newMatched, "add");
     // 页面整体刷新和点击标签页刷新
-    if (_from.name === undefined || _from.name === "redirect") {
+    if (_from.name === undefined || _from.name === "Redirect") {
       handleAliveRoute(newMatched);
     }
   }

src/router/modules/able.ts

@@ -13,7 +13,7 @@ const ableRouter = {
   children: [
     {
       path: "/able/watermark",
-      name: "reWatermark",
+      name: "WaterMark",
       component: () => import("/@/views/able/watermark.vue"),
       meta: {
         title: $t("menus.hsWatermark")
@@ -21,7 +21,7 @@ const ableRouter = {
     },
     {
       path: "/able/print",
-      name: "rePrint",
+      name: "Print",
       component: () => import("/@/views/able/print.vue"),
       meta: {
         title: $t("menus.hsPrint")
@@ -29,7 +29,7 @@ const ableRouter = {
     },
     {
       path: "/able/iconSelect",
-      name: "reIconSelect",
+      name: "IconSelect",
       component: () => import("/@/views/able/icon-select.vue"),
       meta: {
         title: $t("menus.hsIconSelect")
@@ -37,7 +37,7 @@ const ableRouter = {
     },
     {
       path: "/able/timeline",
-      name: "reTimeline",
+      name: "TimeLine",
       component: () => import("/@/views/able/timeline.vue"),
       meta: {
         title: $t("menus.hsTimeline")
@@ -45,7 +45,7 @@ const ableRouter = {
     },
     {
       path: "/able/menuTree",
-      name: "reMenuTree",
+      name: "MenuTree",
       component: () => import("/@/views/able/menu-tree.vue"),
       meta: {
         title: $t("menus.hsMenuTree")
@@ -53,7 +53,7 @@ const ableRouter = {
     },
     {
       path: "/able/lineTree",
-      name: "reLineTree",
+      name: "LineTree",
       component: () => import("/@/views/able/line-tree.vue"),
       meta: {
         title: $t("menus.hsLineTree")
@@ -61,7 +61,7 @@ const ableRouter = {
     },
     {
       path: "/able/antTabs",
-      name: "reAntTabs",
+      name: "AntTabs",
       component: () => import("/@/views/able/ant-tabs.vue"),
       meta: {
         title: $t("menus.hsAntTabs")
@@ -69,7 +69,7 @@ const ableRouter = {
     },
     {
       path: "/able/antAnchor",
-      name: "reAntAnchor",
+      name: "AntAnchor",
       component: () => import("/@/views/able/ant-anchor.vue"),
       meta: {
         title: $t("menus.hsAntAnchor")
@@ -77,7 +77,7 @@ const ableRouter = {
     },
     {
       path: "/able/antTreeSelect",
-      name: "reAntTreeSelect",
+      name: "AntTreeSelect",
       component: () => import("/@/views/able/ant-treeSelect.vue"),
       meta: {
         title: $t("menus.hsAntTreeSelect")
@@ -85,7 +85,7 @@ const ableRouter = {
     },
     {
       path: "/able/debounce",
-      name: "reDebounce",
+      name: "Debounce",
       component: () => import("/@/views/able/debounce.vue"),
       meta: {
         title: $t("menus.hsDebounce")
@@ -93,7 +93,7 @@ const ableRouter = {
     },
     {
       path: "/able/barcode",
-      name: "reBarcode",
+      name: "BarCode",
       component: () => import("/@/views/able/barcode.vue"),
       meta: {
         title: $t("menus.hsBarcode")
@@ -101,7 +101,7 @@ const ableRouter = {
     },
     {
       path: "/able/qrcode",
-      name: "reQrcode",
+      name: "QrCode",
       component: () => import("/@/views/able/qrcode.vue"),
       meta: {
         title: $t("menus.hsQrcode")
@@ -109,7 +109,7 @@ const ableRouter = {
     },
     {
       path: "/able/cascader",
-      name: "reCascader",
+      name: "Cascader",
       component: () => import("/@/views/able/cascader.vue"),
       meta: {
         title: $t("menus.hsCascader")
@@ -117,7 +117,7 @@ const ableRouter = {
     },
     {
       path: "/able/swiper",
-      name: "reSwiper",
+      name: "Swiper",
       component: () => import("/@/views/able/swiper.vue"),
       meta: {
         title: $t("menus.hsSwiper")
@@ -125,7 +125,7 @@ const ableRouter = {
     },
     {
       path: "/able/virtualList",
-      name: "reVirtualList",
+      name: "VirtualList",
       component: () => import("/@/views/able/virtual-list/index.vue"),
       meta: {
         title: $t("menus.hsVirtualList")

src/router/modules/about.ts

@@ -13,7 +13,7 @@ const aboutRouter = {
   children: [
     {
       path: "/about/index",
-      name: "reAbout",
+      name: "About",
       component: () => import("/@/views/about/index.vue"),
       meta: {
         title: $t("menus.hsAbout")

src/router/modules/components.ts

@@ -13,7 +13,7 @@ const componentsRouter = {
   children: [
     {
       path: "/components/video",
-      name: "video",
+      name: "Video",
       component: () => import("/@/views/components/video/index.vue"),
       meta: {
         title: $t("menus.hsvideo")
@@ -21,7 +21,7 @@ const componentsRouter = {
     },
     {
       path: "/components/map",
-      name: "map",
+      name: "Map",
       component: () => import("/@/views/components/map/index.vue"),
       meta: {
         title: $t("menus.hsmap"),
@@ -33,7 +33,7 @@ const componentsRouter = {
     },
     {
       path: "/components/draggable",
-      name: "draggable",
+      name: "Draggable",
       component: () => import("/@/views/components/draggable/index.vue"),
       meta: {
         title: $t("menus.hsdraggable"),
@@ -43,10 +43,9 @@ const componentsRouter = {
         }
       }
     },
-
     {
       path: "/components/splitPane",
-      name: "splitPane",
+      name: "SplitPane",
       component: () => import("/@/views/components/split-pane/index.vue"),
       meta: {
         title: $t("menus.hssplitPane"),
@@ -58,7 +57,7 @@ const componentsRouter = {
     },
     {
       path: "/components/button",
-      name: "button",
+      name: "Button",
       component: () => import("/@/views/components/button/index.vue"),
       meta: {
         title: $t("menus.hsbutton")
@@ -66,7 +65,7 @@ const componentsRouter = {
     },
     {
       path: "/components/cropping",
-      name: "cropping",
+      name: "Cropping",
       component: () => import("/@/views/components/cropping/index.vue"),
       meta: {
         title: $t("menus.hscropping")
@@ -74,7 +73,7 @@ const componentsRouter = {
     },
     {
       path: "/components/countTo",
-      name: "countTo",
+      name: "CountTo",
       component: () => import("/@/views/components/count-to/index.vue"),
       meta: {
         title: $t("menus.hscountTo")
@@ -82,7 +81,7 @@ const componentsRouter = {
     },
     {
       path: "/components/selector",
-      name: "selector",
+      name: "Selector",
       component: () => import("/@/views/components/selector/index.vue"),
       meta: {
         title: $t("menus.hsselector")
@@ -90,7 +89,7 @@ const componentsRouter = {
     },
     {
       path: "/components/seamlessScroll",
-      name: "seamlessScroll",
+      name: "SeamlessScroll",
       component: () => import("/@/views/components/seamless-scroll/index.vue"),
       meta: {
         title: $t("menus.hsseamless")
@@ -98,7 +97,7 @@ const componentsRouter = {
     },
     {
       path: "/components/contextmenu",
-      name: "contextmenu",
+      name: "ContextMenu",
       component: () => import("/@/views/components/contextmenu/index.vue"),
       meta: {
         title: $t("menus.hscontextmenu")

src/router/modules/editor.ts

@@ -13,7 +13,7 @@ const editorRouter = {
   children: [
     {
       path: "/editor/index",
-      name: "reEditor",
+      name: "Editor",
       component: () => import("/@/views/editor/index.vue"),
       meta: {
         title: $t("menus.hseditor"),

src/router/modules/flowchart.ts

@@ -13,7 +13,7 @@ const flowChartRouter = {
   children: [
     {
       path: "/flowChart/index",
-      name: "flowChart",
+      name: "FlowChart",
       component: () => import("/@/views/flow-chart/index.vue"),
       meta: {
         title: $t("menus.hsflowChart")

src/router/modules/formdesign.ts

@@ -13,7 +13,7 @@ const formDesignRouter = {
   children: [
     {
       path: "/formDesign/index",
-      name: "formDesign",
+      name: "FormDesign",
       component: () => import("/@/views/form-design/index.vue"),
       meta: {
         title: $t("menus.hsFormDesign")

src/router/modules/guide.ts

@@ -13,7 +13,7 @@ const guideRouter = {
   children: [
     {
       path: "/guide/index",
-      name: "reGuide",
+      name: "Guide",
       component: () => import("/@/views/guide/index.vue"),
       meta: {
         title: $t("menus.hsguide")

src/router/modules/list.ts

@@ -13,7 +13,7 @@ const ableRouter = {
   children: [
     {
       path: "/list/card",
-      name: "listCard",
+      name: "ListCard",
       component: () => import("/@/views/list/card/index.vue"),
       meta: {
         icon: "card",

src/router/modules/ppt.ts

@@ -13,7 +13,7 @@ const pptRouter = {
   children: [
     {
       path: "/ppt/index",
-      name: "reFrameppt",
+      name: "FramePpt",
       component: IFrame,
       meta: {
         title: "PPT",

src/router/modules/remaining.ts

@@ -4,7 +4,7 @@ const Layout = () => import("/@/layout/index.vue");
 const remainingRouter = [
   {
     path: "/login",
-    name: "login",
+    name: "Login",
     component: () => import("/@/views/login/index.vue"),
     meta: {
       title: $t("menus.hslogin"),
@@ -24,7 +24,7 @@ const remainingRouter = [
     children: [
       {
         path: "/redirect/:path(.*)",
-        name: "redirect",
+        name: "Redirect",
         component: () => import("/@/layout/redirect.vue")
       }
     ]

src/router/modules/result.ts

@@ -13,7 +13,7 @@ const resultRouter = {
   children: [
     {
       path: "/result/success",
-      name: "reSuccess",
+      name: "Success",
       component: () => import("/@/views/result/success.vue"),
       meta: {
         title: $t("menus.hsSuccess")
@@ -21,7 +21,7 @@ const resultRouter = {
     },
     {
       path: "/result/fail",
-      name: "reFail",
+      name: "Fail",
       component: () => import("/@/views/result/fail.vue"),
       meta: {
         title: $t("menus.hsFail")