types: 路由中 elIcon 属性添加类型提示

src/plugins/element-plus-icons.ts

@@ -1,6 +1,8 @@
 import type { App } from "vue"
 import * as ElementPlusIconsVue from "@element-plus/icons-vue"
 
+export type TElementPlusIconName = keyof typeof ElementPlusIconsVue
+
 export function installElementPlusIcons(app: App) {
   // 注册所有 Element Plus Icon
   for (const [key, component] of Object.entries(ElementPlusIconsVue)) {

src/router/index.ts

@@ -160,7 +160,7 @@ export const constantRoutes: RouteRecordRaw[] = [
     path: "/link",
     meta: {
       title: "文档链接",
-      elIcon: "link"
+      elIcon: "Link"
     },
     children: [
       {
@@ -196,7 +196,7 @@ export const dynamicRoutes: RouteRecordRaw[] = [
     name: "Permission",
     meta: {
       title: "权限演示",
-      elIcon: "lock",
+      elIcon: "Lock",
       // 可以在根路由中设置角色
       roles: ["admin", "editor"],
       alwaysShow: true

types/vue-router.d.ts

@@ -1,3 +1,4 @@
+import type { TElementPlusIconName } from "@/plugins/element-plus-icons"
 import type { TSvgIconName } from "@@/components/SvgIcon/index.vue"
 import "vue-router"
 
@@ -16,7 +17,7 @@ declare module "vue-router" {
     /**
      * @description 设置该路由的图标，直接使用 Element Plus 的 Icon（与 svgIcon 同时设置时，svgIcon 将优先生效）
      */
-    elIcon?: string
+    elIcon?: TElementPlusIconName
     /**
      * @description 默认 false，设置 true 的时候该路由不会在侧边栏出现
      */