Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-01-19 09:55:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs(guide): add use of NuxtLayout in app.vue with pages (#5225)

Browse Source
This commit is contained in:
Josee 2022-06-01 00:34:41 +02:00 committed by GitHub
parent 1fda73267a
commit 223adc9bc2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/content/2.guide/3.directory-structure/6.layouts.md
View File

@ -65,6 +65,16 @@ definePageMeta({
</script> </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} ::alert{type=info}
Learn more about [defining page meta](/guide/directory-structure/pages#page-metadata). Learn more about [defining page meta](/guide/directory-structure/pages#page-metadata).
:: ::