Nuxt•8mo ago

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

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

pages/audits
├── [auditId]
│   ├── corrections.vue
│   ├── grid.vue
│   ├── index.vue
│   └── page
│       └── [pageId].vue
├── [auditId].vue
├── index.vue
├── new.vue
└── duplicate
    └── [auditId].vue

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Prevent page from behaving like a nested route