feat: adjust some pages

package.json

@@ -18,7 +18,6 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "@vueuse/core": "^10.7.1",
-    "@vueuse/head": "^2.0.0",
     "element-plus": "^2.4.4",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",

src/App.vue

@@ -1,10 +1,4 @@
-<script setup lang="ts">
-useHead({
-  title: 'Element Plus Admin',
-  meta: [{name: 'description', content: 'Element Plus Admin'}],
-  link: [],
-})
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <RouterView />

src/constants.ts

@@ -2,9 +2,9 @@ import type {RouteRecordRaw} from 'vue-router'
 import { routes as _routes } from 'vue-router/auto/routes'
 
 export const MENUS: RouteRecordRaw[] = []
-;(function generateMenus() {
-  if (MENUS.length) return
 
+;(function generateMenus(){
+  if (MENUS.length) return
   const routes = _routes
     // Simple clone
     .map(route => {
@@ -18,31 +18,60 @@ export const MENUS: RouteRecordRaw[] = []
       return sortA - sortB
     })
 
-  const map = new Map<string, RouteRecordRaw>()
-
-  for (let index = 0; index < routes.length; index++) {
-    const route = routes[index]
-    map.set(route.name as string, route)
-  }
-
-  for (let index = 0; index < routes.length; index++) {
-    const route = routes[index]
-    const {path} = route
-
+  console.log(routes)
+  for (const route of routes) {
     // Skip `hideInMenu`
     if (route.meta?.hideInMenu) {
       continue
     }
 
-    const segments = path.split('/').filter(Boolean)
-    if (segments.length === 1) {
-      MENUS.push(route)
-    } else {
-      for (let index = 1; index < segments.length; index++) {
-        const segment = segments[index - 1] // parent segment
-        const parent = map.get(segment)!
-        parent.children = (parent.children || []).concat(route)
-      }
-    }
+    MENUS.push(route)
   }
 })()
+
+// export const MENUS: RouteRecordRaw[] = []
+// ;(function generateMenus() {
+//   if (MENUS.length) return
+
+//   const routes = _routes
+//     // Simple clone
+//     .map(route => {
+//       return {
+//         ...route,
+//       }
+//     })
+//     .sort((a, b) => {
+//       let sortA = a.meta!.sortInMenu as number
+//       let sortB = b.meta!.sortInMenu as number
+//       return sortA - sortB
+//     })
+
+//   const map = new Map<string, RouteRecordRaw>()
+
+//   for (let index = 0; index < routes.length; index++) {
+//     const route = routes[index]
+//     map.set(route.path as string, route)
+//   }
+
+//   for (let index = 0; index < routes.length; index++) {
+//     const route = routes[index]
+//     const {path} = route
+
+//     // Skip `hideInMenu`
+//     if (route.meta?.hideInMenu) {
+//       continue
+//     }
+
+//     const segments = path.split('/').filter(Boolean)
+//     if (segments.length === 1) {
+//       MENUS.push(route)
+//     } else {
+//       for (let index = 1; index < segments.length; index++) {
+//         const segment = segments[index - 1] // parent segment
+//         const parent = map.get(segment)!
+//         if (parent)
+//           parent.children = (parent.children || []).concat(route)
+//       }
+//     }
+//   }
+// })()

src/layouts/components/AsideMenuItem.vue

@@ -9,8 +9,7 @@ const props = defineProps<{
 }>()
 
 const formatTitle = computed(() => {
-  const {title, name} = props.item.meta ?? ({} as any)
-
+  const {title = '', name = ''} = props.item.meta ?? ({} as any)
   return title || capitalize(name)
 })
 </script>

src/main.ts

@@ -14,6 +14,7 @@ import './main.css'
 const app = createApp(App)
 
 // Setup routes
+// TODO:
 const routes = setupLayouts(_routes)
 const router = createRouter({
   extendRoutes(routes) {
@@ -23,7 +24,7 @@ const router = createRouter({
         route.meta.sortInMenu = 1000
       }
     }
-    return routes
+    return setupLayouts(routes)
   },
   history: createWebHistory()
 })

src/pages/dashboard.vue

@@ -0,0 +1,5 @@
+<route lang="yaml">
+meta:
+  title: 控制面板
+  icon: odometer
+</route>

src/pages/dashboard/console.vue

@@ -1,6 +1,6 @@
 <route lang="yaml">
 meta:
-  title: Console
+  title: 控制面板
   icon: user
 </route>
 

src/pages/index.vue

@@ -1,10 +1,11 @@
 <route lang="yaml">
 meta:
   title: Welcome
+  hideInMenu: true
 </route>
 
 <script lang="ts" setup></script>
 
 <template>
-  <p>xxx</p>
+  <h1>Welcome</h1>
 </template>