` in it:\n\n```vue\n\u003C!-- for vue-router to group child pages -->\n\n\u003Ctemplate lang=\"pug\">\nnuxt-page\n\u003C/template>\n```\n\nIn a deeply nested pages structure, a solid portion of my files are these groupers.\n\nWhat I propose is, add a `nuxt.config.ts` setting that will inject these \"intermediary\" grouping components automatically, something like:\n\n```ts\nexport default defineNuxtConfig({\n pages: {\n groupNestedPages: true // should use better name\n }\n})\n```\n\nGranted, this can be implemented as an external module, but then the router generator itself can be implemented as a module, yet it's built-in.\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?\n- [x] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3145],{"name":3146,"color":3147},"pending triage","E99695",33181,"nuxt","open","Group nested pages","2025-09-09T03:56:31Z","https://github.com/nuxt/nuxt/issues/33181",0.7510553,{"description":3156,"labels":3157,"number":3159,"owner":3149,"repository":3149,"state":3150,"title":3160,"updated_at":3161,"url":3162,"score":3163},"### Environment\n\nNuxt Version: 3.16.0\n\n### Reproduction\n\nBreaks [on Nuxt](https://stackblitz.com/edit/github-tg6jd22e?file=app%2Frouter.options.ts) and works [on vue-router](https://codesandbox.io/p/sandbox/omitting-parent-component-k7vg8j).\n\n### Describe the bug\n\nSince vue-router 4.1 is possible to [omit a parent component on nested routes](https://router.vuejs.org/guide/essentials/nested-routes.html#Omitting-parent-components-), but when is done on Nuxt with [Custom routing](https://nuxt.com/docs/guide/recipes/custom-routing) breaks the navigation and never finish loading.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3158],{"name":3146,"color":3147},31753,"Omitting parent component on nested routes breaks navigation","2025-04-09T11:48:18Z","https://github.com/nuxt/nuxt/issues/31753",0.7606539,{"labels":3165,"number":3172,"owner":3149,"repository":3149,"state":3173,"title":3174,"updated_at":3175,"url":3176,"score":3177},[3166,3169],{"name":3167,"color":3168},"enhancement","8DEF37",{"name":3170,"color":3171},"2.x","d4c5f9",5819,"closed","Navigate to child page on view","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/5819",0.7374876,{"description":3179,"labels":3180,"number":3185,"owner":3149,"repository":3149,"state":3173,"title":3186,"updated_at":3187,"url":3188,"score":3189},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.10.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `css`, `modules`, `vite`\r\n- Runtime Modules: `zetto/nuxt`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-erwzab?file=layouts/default.vue\r\n\r\nFollow the hints inside the pages\n\n### Describe the bug\n\nThe NuxtLink components get into the active state (just active, not exact active) only if the route tree is inside a nested route.\r\n\r\nI've found that [this function](https://github.com/nuxt/framework/blob/54ac7dd481355a795c2d2b3a2a8f8e06b48bbbc7/packages/nuxt/src/pages/utils.ts#L48) create a path with children only if there is a component to nest the children in.\r\n\r\nFollowing the reproduction, it will generate the route like this:\r\n```js\r\n [ {\r\n path: \"/testok\",\r\n file: \"~/pages/testok.vue\",\r\n children: [ {\r\n name\": \"testok-child\",\r\n path\": \"child\",\r\n file\": \"~/pages/testok/child.vue\"\r\n }, {\r\n \"name\": \"testok\",\r\n \"path\": \"\",\r\n \"file\": \"~/pages/testok/index.vue\"\r\n } ]\r\n}, {\r\n \"name\": \"testko-child\",\r\n \"path\": \"/testko/child\",\r\n \"file\": \"~/pages/testko/child.vue\"\r\n}, {\r\n \"name\": \"testko\",\r\n \"path\": \"/testko\",\r\n \"file\": \"~/pages/testko/index.vue\"\r\n} ]\r\n```\r\n\r\ninstead ok:\r\n```js\r\n [ {\r\n path: \"/testok\",\r\n file: \"~/pages/testok.vue\",\r\n children: [ {\r\n name\": \"testok-child\",\r\n path\": \"child\",\r\n file\": \"~/pages/testok/child.vue\"\r\n }, {\r\n \"name\": \"testok\",\r\n \"path\": \"\",\r\n \"file\": \"~/pages/testok/index.vue\"\r\n } ]\r\n}, [ {\r\n path: \"/testko\",\r\n file: \"~/pages/testko.vue\",\r\n children: [ {\r\n name\": \"testko-child\",\r\n path\": \"child\",\r\n file\": \"~/pages/testko/child.vue\"\r\n }, {\r\n \"name\": \"testko\",\r\n \"path\": \"\",\r\n \"file\": \"~/pages/testko/index.vue\"\r\n } ]\r\n} ]\r\n```\r\n\r\nIf this will be recognised as a bug I can submit a PR to fix it :)\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3181,3184],{"name":3182,"color":3183},"3.x","29bc7f",{"name":3146,"color":3147},15729,"NuxtLink is active only if in a nested route","2023-01-19T18:20:24Z","https://github.com/nuxt/nuxt/issues/15729",0.7518184,{"description":3191,"labels":3192,"number":3200,"owner":3149,"repository":3149,"state":3173,"title":3201,"updated_at":3202,"url":3203,"score":3204},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.13.1\r\n- Nuxt Version: 3.12.2\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.5.2\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nRepo: https://github.com/admg/nuxt_optional_route_issue\n\n### Describe the bug\n\nlayout `default.vue`:\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtLink to=\"/a\">Link to A\u003C/NuxtLink> \u003Cbr />\r\n \u003CNuxtLink to=\"/a/id\">Link to A + param\u003C/NuxtLink>\r\n \u003C/div>\r\n\r\n \u003Cdiv>\r\n \u003CNuxtLink to=\"/b\">Link to B\u003C/NuxtLink> \u003Cbr />\r\n \u003CNuxtLink to=\"/b/id\">Link to B + param\u003C/NuxtLink>\r\n \u003C/div>\r\n\r\n \u003Cdiv>\r\n \u003CNuxtPage />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle lang=\"css\">\r\n.router-link-active {\r\n background-color: yellow;\r\n}\r\n\u003C/style>\r\n```\r\n\r\nfolder structure:\r\n```\r\nlayouts\r\n - default.vue\r\npages\r\n - a\r\n - [[id]].vue\r\n - b\r\n - [id].vue\r\n - index.vue\r\n - a.vue\r\n - b.vue\r\n```\r\n\r\n`a.vue` and `b.vue` contains:\r\n```\r\n\u003Ctemplate>\r\n \u003CNuxtPage />\r\n\u003C/template>\r\n```\r\n\r\nWorks ok for required parameter `[id]` and not properly for optional parameter `[[id]]`.\r\nAdding `.router-link-active` class works ok for `Link to B` on `/b` route and children routes like `/b/id`.\r\nSame is not working properly for `Link to A` link. Class is added only for exact route for urls `/a` and `/a/id`\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3193,3194,3197],{"name":3146,"color":3147},{"name":3195,"color":3196},"pages","00DFB5",{"name":3198,"color":3199},"upstream","E8A36D",27841,"Optional route parameter doesn't trigger active class for parent links","2025-02-10T21:37:03Z","https://github.com/nuxt/nuxt/issues/27841",0.75680244,{"description":3206,"labels":3207,"number":3209,"owner":3149,"repository":3149,"state":3173,"title":3210,"updated_at":3211,"url":3212,"score":3213},"I haven't been able to find this, and sorry if I missed it. I think this is easier to explain with an example. This may be an issue with vue-router...or an option perhaps that I could configure in the nuxt router config.\r\n\r\nI have a route `/news` with a collection of news items. Each news item will have the route `/news/title-of-news-item`, however this news item is not a nested page within the news page, but rather a new page in itself.\r\n\r\nI have a solution so in server-side rendering the correct page is loading from an API and nested correctly. When I change page I think the application is looking for a parent/child to load the page into which doesn't exist.\r\n\r\nAre there any examples of this by any chance?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c6900\">#c6900\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3208],{"name":3170,"color":3171},3222,"Separating Automatic Page Nesting & Routes","2023-01-18T16:12:10Z","https://github.com/nuxt/nuxt/issues/3222",0.75744694,{"labels":3215,"number":3218,"owner":3149,"repository":3149,"state":3173,"title":3219,"updated_at":3220,"url":3221,"score":3222},[3216,3217],{"name":3146,"color":3147},{"name":3170,"color":3171},6235,"Strange behaviour of nested pages ","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6235",0.7574894,{"description":3224,"labels":3225,"number":3235,"owner":3149,"repository":3236,"state":3173,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### Environment\n\n\n\n- Operating System: Darwin\n- Node Version: v23.9.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, components, css, devServer, ssr, vuefire, runtimeConfig\n- Runtime Modules: @nuxt/image@1.10.0, @nuxt/ui-pro@3.0.2, nuxt-vuefire@1.0.5\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nThis is noticeable on the documentation [page](https://ui.nuxt.com/components/navigation-menu#orientation) for any vertical navigation menu with children navigation items. \n\n### Description\n\nThe parent item renders as a `\u003Cbutton>` tag instead of the `\u003Ca>` tags of other navigation menu items. This means the `to:` attribute is ignored (and target) and can't be clicked on. This is likely due to the parent and children being converted to a Collapsible component under the hood. \n\nWhen the orientation is horizontal, however, you can have both the parent and children be links - where they render `\u003Ca>` tags. Hovering over the horizontal parent shows the children, but the parent can still be a link.\n\nIdeally, we could set a boolean to control whether the children are converted to a Collapsible or not. Or wrap the Collapsible parent around a link. Understandably, the click then couldn't trigger opening/closing the collapsible (maybe the icon triggers opening/closing, while the label can still have the Link attributes available).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3226,3229,3232],{"name":3227,"color":3228},"bug","d73a4a",{"name":3230,"color":3231},"v3","49DCB8",{"name":3233,"color":3234},"triage","ffffff",3911,"ui","[NavigationMenu] Vertical menu with children doesn't respect parent Link attributes.","2025-05-10T15:51:54Z","https://github.com/nuxt/ui/issues/3911",0.7594389,{"description":3242,"labels":3243,"number":3246,"owner":3149,"repository":3149,"state":3173,"title":3247,"updated_at":3248,"url":3249,"score":3250},"### Version\n\n[v1.4.2](https://github.com/nuxt.js/releases/tag/v1.4.2)\n\n### Reproduction link\n\n[null](null)\n\n### Steps to reproduce\n\nmy pages \n\n\n\n\n\n\n### What is expected ?\n\n```\nroutes: [\n\t\t{\n\t\t\tpath: \"/brand/brief/:categoryId/:brandId\",\n\t\t\tcomponent: \"pages/brand/brief/_category/_brandId/index.vue\",\n\t\t\tname: \"brand-brief-categoryId-brandId\"\n\t\t},\n], \n```\n\n### What is actually happening?\n\n```\nroutes: [\n\t\t{\n\t\t\tpath: \"/brand/brief/:categoryId?/:brandId?\",\n\t\t\tcomponent: \"pages/brand/brief/_category/_brandId/index.vue\",\n\t\t\tname: \"brand-brief-categoryId-brandId\"\n\t\t},\n], \n```\n\n### Additional comments?\n\nI dont want that '?' , is that a bug?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7543\">#c7543\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3244,3245],{"name":3146,"color":3147},{"name":3170,"color":3171},3702,"Dynamic Nested Routes Not Support","2023-01-22T15:30:05Z","https://github.com/nuxt/nuxt/issues/3702",0.75993425,{"description":3252,"labels":3253,"number":3246,"owner":3149,"repository":3236,"state":3173,"title":3257,"updated_at":3258,"url":3259,"score":3250},"### Environment\n\nnode v20\nnuxtui 2.21.0\nnuxt 3.15.4\nwindows 10\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-ztjeoeq3?file=app.config.ts,app.vue\n\n### Description\n\nnotification disappears immediately without the animation class taking effect first\nin reproduction, supposedly the card will move down off screen on timeout\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3254,3255],{"name":3227,"color":3228},{"name":3256,"color":3234},"wontfix-v2","Notification (Toast) leave animation not showing","2025-03-30T16:52:58Z","https://github.com/nuxt/ui/issues/3702",["Reactive",3261],{},["Set"],["ShallowReactive",3264],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5PNKX3zDuUs5VIn8p3AHCA9dED_WIZ9IVJNq4Mqgv3M":-1},"/nuxt/ui/4255"]