NuxtN
Nuxt•2y ago
Nook

Prevent page from behaving like a nested route

I have the following page structure:
pages/audits
├── [auditId]
│   ├── corrections.vue
│   ├── duplicate.vue
│   ├── grid.vue
│   ├── index.vue
│   └── page
│       └── [pageId].vue
├── [auditId].vue
├── index.vue
└── new.vue


  • corrections, grid, index, and page/[pageId] are child routes of [auditId].vue
  • duplicate is a separate route, and should not inherit from [auditId].vue 's layout.
How do you configure Nuxt so that it behaves as described above ?

Something I considered was using the following tree structure:
pages/audits
├── [auditId]
│   ├── corrections.vue
│   ├── grid.vue
│   ├── index.vue
│   └── page
│       └── [pageId].vue
├── [auditId].vue
├── index.vue
├── new.vue
└── duplicate
    └── [auditId].vue
Was this page helpful?