From 223adc9bc2aff0526e2e556a95773bb700ccf33d Mon Sep 17 00:00:00 2001
From: Josee <info@joseewouters.nl>
Date: Wed, 1 Jun 2022 00:34:41 +0200
Subject: [PATCH] docs(guide): add use of `NuxtLayout` in `app.vue` with pages
 (#5225)

---
 .../content/2.guide/3.directory-structure/6.layouts.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/docs/content/2.guide/3.directory-structure/6.layouts.md b/docs/content/2.guide/3.directory-structure/6.layouts.md
index f18810e1b..beedb818a 100644
--- a/docs/content/2.guide/3.directory-structure/6.layouts.md
+++ b/docs/content/2.guide/3.directory-structure/6.layouts.md
@@ -65,6 +65,16 @@ definePageMeta({
 </script>
 ```
 
+And in your `app.vue` you need to wrap the `NuxtPage` component with the `NuxtLayout` component.
+
+```vue{}[app.vue]
+<template>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>
+```
+
 ::alert{type=info}
 Learn more about [defining page meta](/guide/directory-structure/pages#page-metadata).
 ::