Nuxt•9mo ago•

8 replies

Breaking out of nested page layouts

Say I have this pages structure:

├── users.vue
├── users
│   ├── index.vue
│   └── permissions.vue
│   └── invite.vue

├── users.vue
├── users
│   ├── index.vue
│   └── permissions.vue
│   └── invite.vue

users.vue

users.vue

renders

NuxtPage

NuxtPage

so it creates a nested page layout for the pages in the

users

users

folder.

I want want to keep the

/users/invite

/users/invite

route, but I don't want

invite.vue

invite.vue

to inherit the

users.vue

users.vue

layout.

In Svelte I could use

to break out of the parent layout:

+page@.svelte

+page@.svelte

. Is there something similar in Nuxt, or is my only option to check the current route and render

NuxtChild

NuxtChild

for the other pages only?