diff --git a/src/layouts/default-layout.vue b/src/layouts/default-layout.vue
new file mode 100644
index 0000000..dd56008
--- /dev/null
+++ b/src/layouts/default-layout.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="layout-tip">[default layout]</div>
+  <RouterView />
+</template>
+
+<script setup lang="ts"></script>
+
+<style>
+.layout-tip {
+  position: fixed;
+  top: 1rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 9999;
+  background-color: #fafafa;
+  border: 1px solid #ccc;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  text-transform: uppercase;
+  opacity: 0.8;
+  background: rgba(255, 255, 255, 0.5); /* 半透明白色背景 */
+  backdrop-filter: blur(5px); /* 背景模糊 */
+}
+</style>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
deleted file mode 100644
index 6357ca2..0000000
--- a/src/layouts/default.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <RouterView />
-</template>
-
-<script setup lang="ts">
-import { RouterView } from 'vue-router';
-</script>
-
-<style scoped></style>
diff --git a/src/layouts/second.vue b/src/layouts/second.vue
new file mode 100644
index 0000000..47c6744
--- /dev/null
+++ b/src/layouts/second.vue
@@ -0,0 +1,8 @@
+<template>
+  <div class="layout-tip">[second layout]</div>
+  <RouterView />
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/pages/data-loaders.[id]/index.page.vue b/src/pages/data-loaders.[id]/index.page.vue
index 43f4057..ebcf862 100644
--- a/src/pages/data-loaders.[id]/index.page.vue
+++ b/src/pages/data-loaders.[id]/index.page.vue
@@ -74,3 +74,8 @@ watch(
     </template>
   </main>
 </template>
+
+<route lang="yaml">
+meta:
+  layout: second
+</route>
diff --git a/src/pages/index-page.vue b/src/pages/index-page.vue
index f797487..e0bcf92 100644
--- a/src/pages/index-page.vue
+++ b/src/pages/index-page.vue
@@ -1,7 +1,16 @@
 <script lang="tsx" setup>
+import { router } from '@/plugins/router';
+import { createGetRoutes, setupLayouts } from 'virtual:generated-layouts';
 import { routes } from 'vue-router/auto-routes';
 import I18nComp from '../components/i18nComp/index.vue';
 
+const getRoutes = createGetRoutes(router);
+const setupLayoutsResult = setupLayouts(routes);
+
+console.debug(`routes :>> `, routes);
+console.debug(`getRoutes() :>> `, getRoutes()); // 获取路由表但是不包含布局路由
+console.debug(`setupLayoutsResult :>> `, setupLayoutsResult);
+
 useHead({
   // Titles
   title: 'Hello World',
diff --git a/vite.config.plugins.ts b/vite.config.plugins.ts
index 9dcc5b1..c8291a6 100644
--- a/vite.config.plugins.ts
+++ b/vite.config.plugins.ts
@@ -48,8 +48,10 @@ export function Plugins() {
       },
     }), // https://vue-macros.dev/zh-CN/guide/bundler-integration.html
 
-    // https://github.com/JohnCampionJr/vite-plugin-vue-layouts
-    Layouts(),
+    // https://github.com/JohnCampionJr/vite-plugin-vue-layouts?tab=readme-ov-file#configuration
+    Layouts({
+      defaultLayout: 'default-layout',
+    }),
 
     // https://github.com/antfu/unocss
     // see uno.config.ts for config