\n\u003C/template>\n\n```\n\n**Minimal Reproduction**\nRepro created using Nuxt 3 + Nuxt UI 3 starter structure.\n\npackage.json:\n```json\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\",\n \"lint\": \"eslint .\",\n \"lint:fix\": \"eslint --fix .\"\n },\n \"dependencies\": {\n \"@iconify-json/lucide\": \"^1.2.44\",\n \"@iconify-json/simple-icons\": \"^1.2.35\",\n \"@nuxt/ui\": \"^3.1.1\",\n \"nuxt\": \"^3.17.3\"\n },\n \"devDependencies\": {\n \"@nuxt/eslint\": \"^1.4.1\",\n \"eslint\": \"^9.27.0\",\n \"typescript\": \"^5.8.3\"\n }\n}\n```\n\nNotes\n\t•\tReproduces consistently in local dev.\n\t•\tDoes not reproduce on Codesandbox with the Nuxt UI 3 starter (possibly due to different runtime setup).\n\t•\tNo functional issues observed so far, but the warning pollutes the console.\n\t•\tThis warning has only recently started appearing in the console logs, despite no code changes to this component on our end — possibly introduced in a recent dependency update.\n",[2884,2887,2888],{"name":2885,"color":2886},"bug","d73a4a",{"name":2871,"color":2872},{"name":2889,"color":2890},"triage","ffffff",4257,"[Vue warn] toRefs() expects a reactive object but received a plain one - \u003CUNavigationMenu />","2025-05-29T23:48:43Z","https://github.com/nuxt/ui/issues/4257",0.7122468,{"description":2897,"labels":2898,"number":2901,"owner":2874,"repository":2875,"state":2902,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: compatibilityDate, future, devtools, modules, css\n- Runtime Modules: @nuxt/ui-pro@3.0.0-alpha.12, @nuxt/content@3.1.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n```vue\n\u003Cscript setup>\nconst links = ref([\n {\n label: 'Components',\n to: '/components',\n active: route.path.startsWith('/components'),\n children: [\n {\n label: 'Sections',\n to: '/components/sections',\n icon: 'i-lucide-lightbulb',\n description:\n 'Sections are used to create a layout for your components.',\n active: route.path.startsWith('/components/sections')\n },\n {\n label: 'Snippets',\n to: '/components/snippets',\n icon: 'i-lucide-lightbulb',\n description:\n 'Snippets are used to create a layout for your components.',\n active: route.path.startsWith('/components/snippets')\n }\n ]\n }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUHeader>\n \u003CUNavigationMenu :items=\"links\" />\n \u003C/UHeader>\n\u003C/template>\n```\n\n### Description\n\nThe width of the menu depends on the amount of items it contains. When you have to few items, the width will be to small for the horizontal dropdown.\n\nNormally a dropdown is not related to the width of the menu, but in case of this animation I'm not sure enough to say how that could be fixed if the menu was not the relative parent.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2899,2900],{"name":2885,"color":2886},{"name":2871,"color":2872},3268,"closed","`UNavigationMenu` dropdown has wrong relative parent","2025-05-23T13:02:31Z","https://github.com/nuxt/ui/issues/3268",0.6681107,{"description":2908,"labels":2909,"number":2913,"owner":2874,"repository":2875,"state":2902,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### Environment\n\n- Nuxt 3.16.2 with Nitro 2.11.9\n- NuxtUI 3.1.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/quirky-wood-lnhsf5\n\n### Description\n\nWhen UNavigationMenu is vertical it's impossible to trigger navigation on root elements\neven if you specify `type: 'link', onselect: () => navigateTo('/test'), `\n\n### Additional context\n\nThe only workaround I have found is to do\n```\n\u003Ctemplate #item-label=\"{ item }\">\n \u003CNuxtLink :to=\"item.to\">{{ item.label }}\u003C/NuxtLink>\n\u003C/template>\n```",[2910,2911,2912],{"name":2885,"color":2886},{"name":2871,"color":2872},{"name":2889,"color":2890},4115,"UNavigationMenu vertical not triggering route \"to\" on root elements","2025-05-10T11:18:54Z","https://github.com/nuxt/ui/issues/4115",0.67772937,{"description":2919,"labels":2920,"number":2926,"owner":2874,"repository":2875,"state":2902,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: css, compatibilityDate, devtools, future, modules, runtimeConfig, ssr, typescript\n- Runtime Modules: @nuxt/eslint@1.4.0, @nuxt/fonts@0.11.4, @nuxt/ui-pro@3.1.2, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-auth-utils@0.5.20, nuxt-authorization@0.3.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nJust use the code of https://github.com/nuxt-ui-pro/dashboard/blob/main/app/pages/settings.vue and add a child to one of the links used for the UNavigationMenu. Like :\n````\n{\n label: \"General\",\n icon: \"i-lucide-user\",\n to: \"/settings\",\n children: [\n {\n label: \"Hello\",\n icon: \"i-lucide-book-open\",\n },\n ],\n exact: true,\n },\n````\n\n### Description\n\nIt seems wrapping the UNavigationMenu component in UDashboardToolbar will cause the UNavigationMenu's links children dropdown to not appear or be hidden.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2921,2922,2923],{"name":2885,"color":2886},{"name":2871,"color":2872},{"name":2924,"color":2925},"nuxt/ui-pro","00dc82",4177,"UNavigationMenu item children not visible when wrapped in UDashboardToolbar","2025-05-23T12:23:17Z","https://github.com/nuxt/ui/issues/4177",0.682779,{"description":2932,"labels":2933,"number":2939,"owner":2874,"repository":2875,"state":2902,"title":2940,"updated_at":2941,"url":2942,"score":2943},"### Description\n\nIs there any chance we can get option to enable/disable collapsible when collapsed prop is true. v3.0.0-alpha.13 'fixed' NavigationMenu: disable collapsible with collapsed prop, i used nuxt ui since v3.0.0-alpha.12 and thought the collapsible when collapsed was feature.\n\n### Additional context\n\n_No response_",[2934,2937,2938],{"name":2935,"color":2936},"enhancement","a2eeef",{"name":2871,"color":2872},{"name":2889,"color":2890},3353,"NavigationMenu: Option to enable collapsible with collapsed prop","2025-05-10T15:51:54Z","https://github.com/nuxt/ui/issues/3353",0.69480085,{"description":2945,"labels":2946,"number":2953,"owner":2874,"repository":2874,"state":2902,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v21.1.0`\r\n- Nuxt Version: `3.10.2`\r\n- CLI Version: `3.10.1`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `npm@10.2.0`\r\n- Builder: `-`\r\n- User Config: `ssr`, `target`, `experimental`, `app`, `vue`, `css`, `modules`, `storyblok`, `build`, `vite`, `nitro`, `hooks`, `routeRules`, `imports`, `runtimeConfig`, `devtools`\r\n- Runtime Modules: `@storyblok/nuxt@6.0.4`, `@pinia/nuxt@0.5.1`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-prqbf9?file=app.vue\n\n### Describe the bug\n\nIf you use a `nuxt-link` with the `custom` and `external` prop and click on it, a console.error will occur complaing about the nuxt-link not having the external prop set to true, even though it is.\r\n\r\nThe navigation itself still works, its just a console.error that occurs before you leave the page.\r\n\r\nThe interesting part is that the `replace` prop is respected, but not `external`.\n\n### Additional context\n\nI think the issue is coming from this file:\r\nhttps://github.com/nuxt/nuxt/blob/9326b7a8bde1ae793ba046f7dacc4ebbe200b786/packages/nuxt/src/app/components/nuxt-link.ts#L357C15-L357C23\r\n\r\nThe replace prop is included here, but not external.\n\n### Logs\n\n_No response_",[2947,2950],{"name":2948,"color":2949},"3.x","29bc7f",{"name":2951,"color":2952},"🔨 p3-minor","FBCA04",25866,"The `nuxt-link` component does not respect the external prop","2024-02-21T21:20:15Z","https://github.com/nuxt/nuxt/issues/25866",0.70003253,{"description":2959,"labels":2960,"number":2964,"owner":2874,"repository":2874,"state":2902,"title":2965,"updated_at":2966,"url":2967,"score":2968},"i want only style parent links when select the child route.. but these routes not actully child.. is there any way to make this work..\r\n\r\nthis is my navigation html codes\r\n```html\r\n\u003Cul class=\"nav navbar-nav navbar-right\">\r\n \u003Cli id=\"home\" class=\"mnu\">\u003Cnuxt-link to=\"/home\">HOME\u003C/nuxt-link>\u003C/li>\r\n \u003Cli id=\"reward\" class=\"dropdown mnu\">\r\n \u003Cnuxt-link to=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">REWARDS \u003Cspan class=\"caret\">\u003C/span>\u003C/nuxt-link>\r\n \u003Cul class=\"dropdown-menu\">\r\n \u003Cli>\u003Cnuxt-link to=\"/reward\">REWARD DISTRIBUTION ENGINE\u003C/nuxt-link>\u003C/li>\r\n \u003Cli>\u003Cnuxt-link to=\"/daily-challenges\">DAILY CHALLENGES\u003C/nuxt-link>\u003C/li>\r\n \u003Cli>\u003Cnuxt-link to=\"/revive-reward\">REVIVE REWARD\u003C/nuxt-link>\u003C/li>\r\n \u003C/ul>\r\n \u003C/li>\r\n \u003Cli id=\"logs\" class=\"dropdown mnu\">\r\n \u003Ca href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">LOGS \u003Cspan class=\"caret\">\u003C/span>\u003C/a>\r\n \u003Cul class=\"dropdown-menu\">\r\n \u003Cli>\u003Cnuxt-link to=\"/logs1\">GAMEPLAY\u003C/nuxt-link>\u003C/li>\r\n \u003Cli>\u003Cnuxt-link to=\"/logs2\">REWARDS\u003C/nuxt-link>\u003C/li>\r\n \u003Cli>\u003Cnuxt-link to=\"/logs3\">PURCHASES\u003C/nuxt-link>\u003C/li>\r\n \u003C/ul>\r\n \u003C/li>\r\n \u003Cli class=\"mnu\">\u003Ca href=\"index.php\" class=\"btn btn-default btn-sign-out\">SIGN OUT\u003C/a>\u003C/li>\r\n\u003C/ul>\r\n```\r\n\r\nJust want to highlight Home. Rewards and Logs linkes when select child of that or that one.. how to do it? \r\n\r\nthis is what i currently have...\r\n\r\n\r\n\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/c871\">#c871\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2961],{"name":2962,"color":2963},"2.x","d4c5f9",1000,"Nuxt JS nuxt-link nested routes issue","2023-01-18T15:40:38Z","https://github.com/nuxt/nuxt/issues/1000",0.7095177,{"description":2970,"labels":2971,"number":2978,"owner":2874,"repository":2875,"state":2902,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@10.6.1\n- Builder: -\n- User Config: ssr, dev, debug, app, modules, devtools, css, icon, future, nitro, vite, compatibilityDate, typescript, runtimeConfig, eslint\n- Runtime Modules: @nuxt/eslint@1.1.0, @nuxt/ui-pro@3.0.0-beta.2, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-beta.2\n\n### Reproduction\n\nFor the PageList component, the first child is correctly converted to a li, the remaining ones are still divs and haven't been converted. Also, the data-orientation value of the first li is incorrectly forced to vertical.\n\n### Description\n\nFor the PageList component, the first child is correctly converted to a li, the remaining ones are still divs and haven't been converted. Also, the data-orientation value of the f\n\n\u003Cimg width=\"603\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/1db776b9-a16f-4788-8834-c68dfa931c7f\" />\n\nirst li is incorrectly forced to vertical.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2972,2973,2974,2977],{"name":2885,"color":2886},{"name":2871,"color":2872},{"name":2975,"color":2976},"pro","5BD3CB",{"name":2889,"color":2890},3485,"For the PageList component, the first child is correctly converted to a li, the remaining ones are still divs and haven't been converted. Also, the data-orientation value of the first li is incorrectly forced to vertical.","2025-03-08T16:32:27Z","https://github.com/nuxt/ui/issues/3485",0.70976317,{"description":2984,"labels":2985,"number":2990,"owner":2874,"repository":2874,"state":2902,"title":2991,"updated_at":2992,"url":2993,"score":2994},"### Environment\r\n\r\n```\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\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.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\n3.12.1 (working as expected): https://stackblitz.com/edit/github-y43ltx-ttx5gm?file=pages%2Findex.vue\r\n3.12.2 (broken): https://stackblitz.com/edit/github-y43ltx?file=pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nThe `\u003CNuxtLink>` component doesn't render the `href` attribute when `external: true` prop is set. This is an undocumented breaking change from 3.12.1. I used this attribute to disable client-side navigation, but this does not seem possible anymore.\r\n\r\nCode example:\r\n`\u003CNuxtLink :to=\"{ name: 'test' }\" :external=\"true\">Test\u003C/NuxtLink>` \r\n\r\nExpected result (3.12.1 and earlier behavior):\r\n`\u003Ca href=\"/test\">Test\u003C/a>`\r\n\r\nActual result (3.12.2):\r\n`\u003Ca>Test\u003C/a>`\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2986,2987],{"name":2948,"color":2949},{"name":2988,"color":2989},"pending triage","E99695",27817,"NuxtLink not rendering href attribute with external prop set to true","2024-06-26T09:51:44Z","https://github.com/nuxt/nuxt/issues/27817",0.71257114,["Reactive",2996],{},["Set"],["ShallowReactive",2999],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fd9Q7TUoFj5t2eVDRArFm0WkFgpZa3GRVHqPC8o09-V8":-1},"/nuxt/ui/3911"]