diff --git a/docs/2.guide/2.directory-structure/1.pages.md b/docs/2.guide/2.directory-structure/1.pages.md
index 6ebd687bb1..ce1821b83b 100644
--- a/docs/2.guide/2.directory-structure/1.pages.md
+++ b/docs/2.guide/2.directory-structure/1.pages.md
@@ -193,6 +193,14 @@ To display the `child.vue` component, you have to insert the `<NuxtPage>` compon
 </template>
 ```
 
+```vue {}[pages/child.vue]
+<script setup lang="ts">
+const props = defineProps(['foobar'])
+
+console.log(props.foobar)
+</script>
+```
+
 ### Child Route Keys
 
 If you want more control over when the `<NuxtPage>` component is re-rendered (for example, for transitions), you can either pass a string or function via the `pageKey` prop, or you can define a `key` value via `definePageMeta`: