feat: 添加第二布局页面，更新路由配置以支持新布局

src/layouts/sakai-vue/AppMenu.vue

@@ -1,14 +1,12 @@
 <script setup lang="ts">
+import { getRoutes } from '@/plugins/router';
 import type { MenuItem } from 'primevue/menuitem';
 import type { PanelMenuProps } from 'primevue/panelmenu';
-import { createGetRoutes } from 'virtual:meta-layouts';
+
 import type { RouteRecordRaw } from 'vue-router/auto';
-import { routes } from 'vue-router/auto-routes';
 
 const router = useRouter();
 
-const getRoutes = createGetRoutes(router);
-
 // 递归处理路由生成菜单项
 const _generateMenuItems = (routes: RouteRecordRaw[]): PanelMenuProps['model'] => {
   return [];

src/pages/use-second-layout-1/index.page.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>src/pages/use-second-layout-1/index.page.vue</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
+<route lang="yaml">
+meta:
+  layout: second
+</route>

src/pages/use-second-layout-2.page.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>src/pages/use-second-layout-2.page.vue</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
+<route lang="yaml">
+meta:
+  layout: second
+</route>

src/plugins/router.ts

@@ -1,6 +1,6 @@
 import { DataLoaderPlugin } from 'unplugin-vue-router/data-loaders';
 import { createGetRoutes, setupLayouts } from 'virtual:meta-layouts';
-// import { setupLayouts, createGetRoutes } from 'virtual:generated-layouts';
+// import { createGetRoutes, setupLayouts } from 'virtual:generated-layouts';
 import { createRouter, createWebHistory } from 'vue-router/auto';
 import { handleHotUpdate, routes } from 'vue-router/auto-routes';
 
@@ -16,13 +16,14 @@ const router = createRouter({
     }
   },
 });
+const getRoutes = createGetRoutes(router);
 if (import.meta.hot) handleHotUpdate(router);
 if ($__DEV__) Object.assign(window, { router });
 router.onError((error) => {
   console.debug('🚨 [router error]: ', error);
 });
 
-export { router };
+export { getRoutes, router };
 export function install({ app }: { app: import('vue').App<Element> }) {
   app
     // Register the plugin before the router

typed-router.d.ts

@@ -33,6 +33,8 @@ declare module 'vue-router/auto-routes' {
     'Primevue': RouteRecordInfo<'Primevue', '/primevue', Record<never, never>, Record<never, never>>,
     'SomePage': RouteRecordInfo<'SomePage', '/some-page', Record<never, never>, Record<never, never>>,
     'TsEnumUtil': RouteRecordInfo<'TsEnumUtil', '/ts-enum-util', Record<never, never>, Record<never, never>>,
+    'UseSecondLayout1': RouteRecordInfo<'UseSecondLayout1', '/use-second-layout-1', Record<never, never>, Record<never, never>>,
+    'UseSecondLayout2': RouteRecordInfo<'UseSecondLayout2', '/use-second-layout-2', Record<never, never>, Record<never, never>>,
     'VueMacrosDefineRender': RouteRecordInfo<'VueMacrosDefineRender', '/vue-macros/DefineRender', Record<never, never>, Record<never, never>>,
     'VueMacrosReactivityTransform': RouteRecordInfo<'VueMacrosReactivityTransform', '/vue-macros/ReactivityTransform', Record<never, never>, Record<never, never>>,
     'VueMacrosReusableTemplate': RouteRecordInfo<'VueMacrosReusableTemplate', '/vue-macros/ReusableTemplate', Record<never, never>, Record<never, never>>,

vite.config.plugins.ts

@@ -54,7 +54,7 @@ export function Plugins() {
 
     // https://github.com/dishait/vite-plugin-vue-meta-layouts
     MetaLayouts({
-      /* skipTopLevelRouteLayout: true  */
+      // skipTopLevelRouteLayout: true,
       defaultLayout: 'sakai-vue/AppLayout',
     }),