diff --git a/examples/advanced/config-extends/pages/index.vue b/examples/advanced/config-extends/pages/index.vue
index bea4876876..549b1d0dc5 100644
--- a/examples/advanced/config-extends/pages/index.vue
+++ b/examples/advanced/config-extends/pages/index.vue
@@ -5,7 +5,7 @@ const bar = getBar()
 </script>
 
 <template>
-  <NuxtExampleLayout example="config-extends">
+  <NuxtExampleLayout example="advanced/config-extends">
     theme runtimeConfig
     <pre>{{ JSON.stringify(themeConfig, null, 2) }}</pre>
     <BaseButton>Base Button</BaseButton>
diff --git a/examples/advanced/module-extend-pages/layouts/default.vue b/examples/advanced/module-extend-pages/layouts/default.vue
index fec82618c2..b1a49db13c 100644
--- a/examples/advanced/module-extend-pages/layouts/default.vue
+++ b/examples/advanced/module-extend-pages/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtExampleLayout example="module-extend-pages">
+  <NuxtExampleLayout example="advanced/module-extend-pages">
     <slot />
   </NuxtExampleLayout>
 </template>
diff --git a/examples/app/error-handling/app.vue b/examples/app/error-handling/app.vue
index 37059cb4e3..66f9ee9c71 100644
--- a/examples/app/error-handling/app.vue
+++ b/examples/app/error-handling/app.vue
@@ -15,7 +15,7 @@ function triggerError () {
 </script>
 
 <template>
-  <NuxtExampleLayout example="errors">
+  <NuxtExampleLayout example="app/error-handling">
     <template #nav>
       <nav class="flex align-center gap-4 p-4">
         <NuxtLink to="/" class="n-link-base">
diff --git a/examples/app/plugins/app.vue b/examples/app/plugins/app.vue
index 4ae0a04918..37142ca1c1 100644
--- a/examples/app/plugins/app.vue
+++ b/examples/app/plugins/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtExampleLayout example="plugins">
+  <NuxtExampleLayout example="app/plugins">
     <div>{{ $myPlugin() }}</div>
   </NuxtExampleLayout>
 </template>
diff --git a/examples/auto-imports/components/app.vue b/examples/auto-imports/components/app.vue
index 3ff9465ca9..fe3d060950 100644
--- a/examples/auto-imports/components/app.vue
+++ b/examples/auto-imports/components/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtExampleLayout example="components">
+  <NuxtExampleLayout example="auto-imports/components">
     <h1 class="text-xl opacity-50">
       Auto Imported Components
     </h1>
diff --git a/examples/auto-imports/composables/app.vue b/examples/auto-imports/composables/app.vue
index 38bbaff067..debf44b1bf 100644
--- a/examples/auto-imports/composables/app.vue
+++ b/examples/auto-imports/composables/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtExampleLayout example="composables">
+  <NuxtExampleLayout example="auto-imports/composables">
     <p>Named export <code>useA</code> : {{ a }}</p>
     <p>Named export <code>useB</code> : {{ b }}</p>
     <p>Named export <code>useC</code> : {{ c }}</p>
diff --git a/examples/composables/use-async-data/app.vue b/examples/composables/use-async-data/app.vue
index 55e5bf03a6..4987a0223d 100644
--- a/examples/composables/use-async-data/app.vue
+++ b/examples/composables/use-async-data/app.vue
@@ -13,7 +13,7 @@ const refreshAll = async () => {
 </script>
 
 <template>
-  <NuxtExampleLayout example="use-async-data">
+  <NuxtExampleLayout example="composables/use-async-data">
     <div>
       <div class="flex justify-center gap-2">
         <NButton @click="showMountain = !showMountain">
diff --git a/examples/composables/use-cookie/app.vue b/examples/composables/use-cookie/app.vue
index d15f7848d1..e941773be7 100644
--- a/examples/composables/use-cookie/app.vue
+++ b/examples/composables/use-cookie/app.vue
@@ -15,7 +15,7 @@ const logout = () => {
 </script>
 
 <template>
-  <NuxtExampleLayout class="h-50" example="use-cookie">
+  <NuxtExampleLayout class="h-50" example="composables/use-cookie">
     <template v-if="user">
       <h1 class="text-3xl mb-3">
         Welcome, {{ user.name }}! 👋
diff --git a/examples/composables/use-fetch/app.vue b/examples/composables/use-fetch/app.vue
index 60645e1de1..9054d508f8 100644
--- a/examples/composables/use-fetch/app.vue
+++ b/examples/composables/use-fetch/app.vue
@@ -4,7 +4,7 @@ const { data } = await useFetch(() => `/api/hello/${count.value}`, { params: { t
 </script>
 
 <template>
-  <NuxtExampleLayout example="use-fetch">
+  <NuxtExampleLayout example="composables/use-fetch">
     <div>
       Fetch result:
       <pre class="text-left"><code>{{ data }}</code></pre>
diff --git a/examples/composables/use-meta/app.vue b/examples/composables/use-meta/app.vue
index 210c0289b0..a7297f7956 100644
--- a/examples/composables/use-meta/app.vue
+++ b/examples/composables/use-meta/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtExampleLayout example="use-meta">
+  <NuxtExampleLayout example="composables/use-meta">
     <div
       class="bg-gray-400/10 border-2 border-dashed border-gray-400/50 rounded-xl py-8 px-2 op-80"
     >
diff --git a/examples/composables/use-state/app.vue b/examples/composables/use-state/app.vue
index 450f6cf6e0..479ecfc893 100644
--- a/examples/composables/use-state/app.vue
+++ b/examples/composables/use-state/app.vue
@@ -3,7 +3,7 @@ const counter = useState('counter', () => Math.round(Math.random() * 1000))
 </script>
 
 <template>
-  <NuxtExampleLayout example="use-state">
+  <NuxtExampleLayout example="composables/use-state">
     <div>Counter: {{ counter }}</div>
     <div>
       <NButton class="font-mono" @click="counter++">
diff --git a/examples/experimental/reactivity-transform/app.vue b/examples/experimental/reactivity-transform/app.vue
index 3a0e100125..b89750f872 100644
--- a/examples/experimental/reactivity-transform/app.vue
+++ b/examples/experimental/reactivity-transform/app.vue
@@ -10,7 +10,7 @@ function dec () {
 </script>
 
 <template>
-  <NuxtExampleLayout example="reactivity-transform">
+  <NuxtExampleLayout example="experimental/reactivity-transform">
     <div>
       <Label :count="count" />
       <div class="flex gap-1 justify-center">
diff --git a/examples/experimental/wasm/app.vue b/examples/experimental/wasm/app.vue
index cabccf8fca..193b6581c4 100644
--- a/examples/experimental/wasm/app.vue
+++ b/examples/experimental/wasm/app.vue
@@ -8,7 +8,7 @@ const { data } = await useAsyncData('sum',
 </script>
 
 <template>
-  <NuxtExampleLayout example="wasm">
+  <NuxtExampleLayout example="experimental/wasm">
     <p>
       <code>a = 100</code>
     </p>
diff --git a/examples/other/locale/app.vue b/examples/other/locale/app.vue
index 2ae6bc1670..7d22169eb6 100644
--- a/examples/other/locale/app.vue
+++ b/examples/other/locale/app.vue
@@ -6,7 +6,7 @@ const date = useLocaleDate(new Date('2016-10-26') /* NUXT_BIRTHDAY */)
 </script>
 
 <template>
-  <NuxtExampleLayout example="locale">
+  <NuxtExampleLayout example="other/locale">
     <h1 class="text-xl opacity-50">
       Nuxt birthday
     </h1>
diff --git a/examples/routing/layouts/pages/index.vue b/examples/routing/layouts/pages/index.vue
index aef6f4dd93..e66905fb95 100644
--- a/examples/routing/layouts/pages/index.vue
+++ b/examples/routing/layouts/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtExampleLayout example="layouts">
+  <NuxtExampleLayout example="routing/layouts">
     <template #nav>
       <nav class="flex align-center gap-4 p-4">
         <NuxtLink to="/default">
diff --git a/examples/routing/middleware/app.vue b/examples/routing/middleware/app.vue
index c2f54b6721..6ecc44ead0 100644
--- a/examples/routing/middleware/app.vue
+++ b/examples/routing/middleware/app.vue
@@ -3,7 +3,7 @@ const route = useRoute()
 </script>
 
 <template>
-  <NuxtExampleLayout example="middleware">
+  <NuxtExampleLayout example="routing/middleware">
     <NuxtPage />
 
     <template #nav>
diff --git a/examples/routing/nuxt-link/app.vue b/examples/routing/nuxt-link/app.vue
index ee5f384e9f..66f1679a6c 100644
--- a/examples/routing/nuxt-link/app.vue
+++ b/examples/routing/nuxt-link/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtExampleLayout example="nuxt-link" class="example">
+  <NuxtExampleLayout example="routing/nuxt-link" class="example">
     <NuxtPage />
   </NuxtExampleLayout>
 </template>
diff --git a/examples/routing/pages/app.vue b/examples/routing/pages/app.vue
index 432b5209d4..9f44a00aaa 100644
--- a/examples/routing/pages/app.vue
+++ b/examples/routing/pages/app.vue
@@ -3,7 +3,7 @@ const route = useRoute()
 </script>
 
 <template>
-  <NuxtExampleLayout example="pages">
+  <NuxtExampleLayout example="routing/pages">
     <NuxtPage />
 
     <template #nav>
diff --git a/examples/routing/universal-router/app.vue b/examples/routing/universal-router/app.vue
index 14ff1b1ff0..f28d201649 100644
--- a/examples/routing/universal-router/app.vue
+++ b/examples/routing/universal-router/app.vue
@@ -4,7 +4,7 @@ const timer = useState('timer', () => 0)
 </script>
 
 <template>
-  <NuxtExampleLayout example="universal-router">
+  <NuxtExampleLayout example="routing/universal-router">
     A page...
     <br>