\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_",[2953,2954,2957],{"name":2903,"color":2904},{"name":2955,"color":2956},"pages","00DFB5",{"name":2958,"color":2959},"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.7501649,{"description":2966,"labels":2967,"number":2977,"owner":2906,"repository":2978,"state":2917,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### 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```",[2968,2971,2974],{"name":2969,"color":2970},"bug","d73a4a",{"name":2972,"color":2973},"v3","49DCB8",{"name":2975,"color":2976},"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.75639004,{"description":2984,"labels":2985,"number":2989,"owner":2906,"repository":2916,"state":2917,"title":2990,"updated_at":2991,"url":2992,"score":2993},"- [ ] Shadow on subnavbar with https://vueuse.org/core/usewindowscroll/#usewindowscroll\n- [x] Border under top navbar should be inside container\n- [x] Remove top footer border",[2986],{"name":2987,"color":2988},"enhancement","1ad6ff",119,"[Docs] Improve navbars borders","2023-02-15T12:30:41Z","https://github.com/nuxt/nuxt.com/issues/119",0.7609294,{"description":2995,"labels":2996,"number":2998,"owner":2906,"repository":2906,"state":2917,"title":2999,"updated_at":3000,"url":3001,"score":3002},"For some reason, all `nuxt-link` pointing to `/` will receive the `nuxt-link-active` class regardless they're active or not.\r\n\r\n\u003Cimg width=\"823\" alt=\"captura de pantalla 2017-04-04 a las 00 16 51\" src=\"https://cloud.githubusercontent.com/assets/1133339/24640264/1c0f36c6-18cc-11e7-8607-0b81887049ed.png\">\r\n\r\nIn the screenshot above, \"Novedades\" points to `/` and is active when the url path matches `/bio`. The rendered DOM looks like:\r\n\r\n\u003Cimg width=\"502\" alt=\"captura de pantalla 2017-04-04 a las 00 19 06\" src=\"https://cloud.githubusercontent.com/assets/1133339/24640301/65821f6c-18cc-11e7-9a90-fc304bef11b2.png\">\r\n\r\nNotice both links have the `navigation__item--active` class.\r\n\r\nI'm also able to reproduce it in the [head elements demo](https://head-elements.nuxtjs.org/about).\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/c443\">#c443\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2997],{"name":2943,"color":2944},506,"Links pointing to / always receive the nuxt-link-active class","2023-01-18T22:17:23Z","https://github.com/nuxt/nuxt/issues/506",0.76367676,{"labels":3004,"number":3008,"owner":2906,"repository":2906,"state":2917,"title":3009,"updated_at":3010,"url":3011,"score":3012},[3005,3007],{"name":2987,"color":3006},"8DEF37",{"name":2943,"color":2944},5819,"Navigate to child page on view","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/5819",0.7647797,["Reactive",3014],{},["Set"],["ShallowReactive",3017],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flgugsddxWhX3y1Opn19Kn0sJRa0UXKkueAjavQtYrPI":-1},"/nuxt/nuxt.com/250"]