diff --git a/docs/2.guide/2.directory-structure/1.pages.md b/docs/2.guide/2.directory-structure/1.pages.md
index 1379d884da..ef83deb8da 100644
--- a/docs/2.guide/2.directory-structure/1.pages.md
+++ b/docs/2.guide/2.directory-structure/1.pages.md
@@ -193,7 +193,7 @@ To display the `child.vue` component, you have to insert the `<NuxtPage>` compon
 </template>
 ```
 
-```vue {}[pages/child.vue]
+```vue {}[pages/parent/child.vue]
 <script setup lang="ts">
 const props = defineProps(['foobar'])
 
@@ -216,7 +216,7 @@ If you want more control over when the `<NuxtPage>` component is re-rendered (fo
 
 Or alternatively:
 
-```vue twoslash {}[pages/child.vue]
+```vue twoslash {}[pages/parent/child.vue]
 <script setup lang="ts">
 definePageMeta({
   key: route => route.fullPath