fix(breadcrumb): 修复类型错误

.eslintrc.js

@@ -47,10 +47,10 @@ module.exports = {
   ],
   rules: {
     // TSESLint docs https://typescript-eslint.io/rules/
-    // 'no-var': 'error', // 禁止使用var
-    // 'no-unused-vars': 'off', // 允许声明不使用的值
-    // 'no-console': 'off', // 允许出现console
-    // 'no-debugger': 'off', // 关闭debugger警告
+    'no-var': 'error', // 禁止使用var
+    'no-unused-vars': 'off', // 允许声明不使用的值
+    'no-console': 'off', // 允许出现console
+    'no-debugger': 'off', // 关闭debugger警告
     'vue/multi-word-component-names': 0, // 关闭文件名多单词
     // 'import/no-unresolved': ['error', { ignore: ['~icons/*'] }],
     "@typescript-eslint/no-explicit-any": ["off"], // 允许使用any

src/layouts/components/header/Breadcrumb.vue

@@ -17,7 +17,10 @@ const router = useRouter();
 const routeStore = useRouteStore();
 const { routerPush } = useAppRouter();
 const routes = computed(() => {
-  return routeStore.createBreadcrumbFromRoutes(router.currentRoute.value.name as string, routeStore.userRoutes);
+  return routeStore.createBreadcrumbFromRoutes(
+    (router.currentRoute.value.name as string) || '/',
+    routeStore.userRoutes,
+  );
 });
 </script>
 

src/store/modules/route.ts

@@ -33,7 +33,7 @@ export const useRouteStore = defineStore('route-store', {
       router.removeRoute('appRoot');
     },
     /* 根据当前路由的name生成面包屑数据 */
-    createBreadcrumbFromRoutes(routeName = '/', userRoutes: AppRoute.Route[]) {
+    createBreadcrumbFromRoutes(routeName: string, userRoutes: AppRoute.Route[]) {
       const path: AppRoute.Route[] = [];
       // 筛选所有包含目标的各级路由组合成一维数组
       const getPathfromRoutes = (routeName: string, userRoutes: AppRoute.Route[]) => {