feat: 添加 vite-plugin-vue-layouts 插件并更新 vite 版本至 6.0.5

src/plugins/router.ts

@@ -0,0 +1,34 @@
+import { DataLoaderPlugin } from 'unplugin-vue-router/data-loaders';
+import { setupLayouts } from 'virtual:generated-layouts';
+import { createRouter, createWebHistory } from 'vue-router/auto';
+import { handleHotUpdate, routes } from 'vue-router/auto-routes';
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: setupLayouts(routes),
+  strict: true,
+  scrollBehavior: () => ({ left: 0, top: 0 }),
+});
+if (import.meta.hot) handleHotUpdate(router);
+if ($__DEV__) Object.assign(window, { router });
+router.onError((error) => {
+  console.debug('🚨 [router error]: ', error);
+});
+
+export { router };
+export function install({ app }: { app: import('vue').App<Element> }) {
+  app
+    // Register the plugin before the router
+    .use(DataLoaderPlugin, { router })
+    // adding the router will trigger the initial navigation
+    .use(router);
+}
+// ========================================================================
+// =========================== Router Guards ==============================
+// ========================================================================
+{
+  // 警告：路由守卫的创建顺序会影响执行流程，请勿调整
+  createNProgressGuard(router);
+  createLogGuard(router);
+  Object.assign(window, { stack: createStackGuard(router) });
+}