\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",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"triage","ffffff",4257,"nuxt","ui","open","[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.73540604,{"description":2885,"labels":2886,"number":2899,"owner":2877,"repository":2877,"state":2900,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.9.0`\r\n- Nuxt Version: `3.8.0`\r\n- CLI Version: `3.9.1`\r\n- Nitro Version: `2.7.2`\r\n- Package Manager: `pnpm@8.10.5`\r\n- Builder: `-`\r\n- User Config: `css`, `vite`, `devtools`, `modules`, `runtimeConfig`, `algolia`, `stripe`, `experimental`\r\n- Runtime Modules: `@nuxtjs/i18n@8.0.0-rc.5`, `@nuxtjs/tailwindcss@6.8.1`, `@vueuse/nuxt@10.5.0`, `@unlok-co/nuxt-stripe@2.0.0`, `@pinia/nuxt@0.5.1`, `@nuxt/content@2.9.0`, `@nuxt/image@1.0.0`, `nuxt-vitest@0.11.3`, `@nuxtjs/algolia@1.10.1`, `@vee-validate/nuxt@4.11.8`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-3-g8ospn?file=pages%2Findex.vue\n\n### Describe the bug\n\nI'm trying to use the power of target selector in css to show/hide a cart component.\r\nFor this I need to send the user to an url with a hash of the component id. \r\nWhen I use the `NuxtLink` component with the value `to=\"#cart\"` the url is updated but the component is not displayed. If I then use the external property, the component is displayed.\r\nVice versa, to hide the component I have to use the same property which results in reloading the page.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2887,2890,2893,2896],{"name":2888,"color":2889},"3.x","29bc7f",{"name":2891,"color":2892},"workaround available","11376d",{"name":2894,"color":2895},"pending triage","E99695",{"name":2897,"color":2898},"upstream","E8A36D",24415,"closed","NuxtLink internal hash behavior","2023-12-10T23:39:40Z","https://github.com/nuxt/nuxt/issues/24415",0.7125634,{"labels":2906,"number":2913,"owner":2877,"repository":2877,"state":2900,"title":2914,"updated_at":2915,"url":2916,"score":2917},[2907,2909,2910],{"name":2908,"color":2875},"stale",{"name":2894,"color":2895},{"name":2911,"color":2912},"2.x","d4c5f9",8204,"Nuxt-link and router-link don't create href attribute","2023-01-22T15:38:17Z","https://github.com/nuxt/nuxt/issues/8204",0.7175613,{"description":2919,"labels":2920,"number":2923,"owner":2877,"repository":2877,"state":2900,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Version\n\n[v1.4.2](https://github.com/nuxt.js/releases/tag/v1.4.2)\n\n### Reproduction link\n\n[https://github.com/agrajak/nuxt_text_recruit](https://github.com/agrajak/nuxt_text_recruit)\n\n### Steps to reproduce\n\nnuxt generate.\nmy static website is hosted in https://agrajak-8d93e.firebaseapp.com/\n\n\n### What is expected ?\n\nIn pages/index.vue, When I see my site with Chrome Developer Tools, Every \u003Cfont-awesome-icon> should be rendered to \u003Csvg ~~~> \n\n\n\n\n\n### What is actually happening?\n\nsome of \u003Cfont-awesome-icon> are rendered to \u003Csvg ~>(in .sticky-nav, you can see it when you scroll down) \nand the others are still rendered to \u003Cfont-awesome-icon> and also show nothing. (in top component)\n\n\n\n\n\n\n### Additional comments?\n\nSite works pretty well in nuxt start.\nI also checked turning off SSR options in nuxt.config.js\n\n {src: '~plugins/fullpage', ssr: false}\nand font-awesome librarys are declared in plugins/fullpage.js\n\nIf this issue is not a bug, just let me know how to fix it.\nthank you.\n\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/c7640\">#c7640\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2921,2922],{"name":2894,"color":2895},{"name":2911,"color":2912},3808,"nuxt generate doesn't render every components","2023-01-22T15:30:05Z","https://github.com/nuxt/nuxt/issues/3808",0.72517115,{"description":2929,"labels":2930,"number":2932,"owner":2877,"repository":2877,"state":2900,"title":2933,"updated_at":2934,"url":2935,"score":2936},"How to implement 'breadcrumbs' in nuxt.js c using the vue2-breadcrumbs package? \r\nOr another implementation.\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/c441\">#c441\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2931],{"name":2911,"color":2912},500,"Vue router and vue2-vreadcrumbs","2023-01-18T22:17:23Z","https://github.com/nuxt/nuxt/issues/500",0.7252137,{"description":2938,"labels":2939,"number":2942,"owner":2877,"repository":2877,"state":2900,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### 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_",[2940,2941],{"name":2888,"color":2889},{"name":2894,"color":2895},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.72524494,{"description":2948,"labels":2949,"number":2954,"owner":2877,"repository":2877,"state":2900,"title":2955,"updated_at":2934,"url":2956,"score":2957},"I've followed the instructions in the documentation, and I run into the same issue as #380. I've done some testing, but can't nail down what the issue is (the error is exactly the same as the closed issue). \r\n\r\nHere is the steps I've taken:\r\n\r\n1. vue init nuxt/starter test\r\n2. cd test\r\n3. npm install\r\n4. npm install --save bulma font-awesome node-sass sass-loader vue-bulma-breadcrumb (verified pre-processor instructions from https://nuxtjs.org/faq/pre-processors)\r\n5. Added `{ src: 'bulma', lang: 'sass' }` as shown in https://nuxtjs.org/api/configuration-css\r\n6. `npm run dev` Everything works fine. \r\n7. Modify default layout to `import Breadcrumb from 'vue-bulma-breadcrumb'` and added `Breadcrumb` under components. \r\n\r\nAt this point, I get the same error as in #380.\r\n\r\n> Unexpected character '@' (1:0)\r\n> You may need an appropriate loader to handle this file type.\r\n> | @import '~bulma/sass/utilities/functions';\r\n> | @import '~bulma/sass/utilities/variables';\r\n\r\nHowever, if I go and copy the vue file from the [module](https://github.com/vue-bulma/breadcrumb/blob/master/src/Breadcrumb.vue) into a component, and load that instead of `vue-bulma-breadcrumb` it works just fine. Modifying the template to actually reference the Breadcrumb component, it works just fine. \r\n\r\nMy conclusion is there is something wrong with the configuration that is preventing it from loading from node_modules properly. I'm digging around and exploring for a resolution. In the mean time, I figure someone else may find the fix quicker. This happens with vue-bulma-tooltip as well, but I didn't explore any other packages. \r\n\r\nIs there a step that is being missed or is this a webpack configuration issue? \n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c382\">#c382\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2950,2953],{"name":2951,"color":2952},"enhancement","8DEF37",{"name":2911,"color":2912},438,"\"SyntaxError: Unexpected token \u003C\" on external Vue component","https://github.com/nuxt/nuxt/issues/438",0.7274569,{"description":2959,"labels":2960,"number":2966,"owner":2877,"repository":2878,"state":2900,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### 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```",[2961,2962,2963],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2964,"color":2965},"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.72837216,{"labels":2972,"number":2976,"owner":2877,"repository":2877,"state":2900,"title":2977,"updated_at":2978,"url":2979,"score":2980},[2973,2974,2975],{"name":2908,"color":2875},{"name":2894,"color":2895},{"name":2911,"color":2912},7541,"Is there the standard, recommended way to make anchor links work properly?","2023-01-22T15:36:01Z","https://github.com/nuxt/nuxt/issues/7541",0.7286914,{"description":2982,"labels":2983,"number":2985,"owner":2877,"repository":2878,"state":2900,"title":2986,"updated_at":2987,"url":2988,"score":2989},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.11.1\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@8.14.0\r\n- Builder: -\r\n- User Config: experimental, alias, devtools, srcDir, imports, ssr, nitro, extensions, sourcemap, runtimeConfig, hooks, routeRules, css, build, modules, auth, plugins, gtag, tailwindcss, ui, colorMode, vite, vue, app\r\n- Runtime Modules: @pinia/nuxt@0.5.1, nuxt-gtag@0.5.7, @nuxt/eslint@0.3.7, @sidebase/nuxt-auth@0.7.2, @pinia-plugin-persistedstate/nuxt@1.2.0, @vueuse/nuxt@10.9.0, @nuxt/ui@2.15.1\r\n- Build Modules: -\r\n---------------------------\r\n\r\n### Version\r\n\r\nv2.15.1\r\n\r\n### Reproduction\r\n\r\nCan provide if needed\r\n\r\n### Description\r\n\r\nHi there,\r\nAbsolutely loving this library so far... this is the best UI component library I've ever used, across any framework.\r\nOne small issue though - I'm unable to use NuxtLink's `replace` in both the `HorizontalNavigation` and `VerticalNavigation`, even though the docs say I can use any property from NuxtLink. Passing `to` works perfectly, of course, but it's essential for me to `router.replace` the route and I'd rather not have to pass that as a `click` prop. The following doesn't work:\r\n\r\n```\r\n\u003Cscript setup lang='ts'>\r\nconst tabs = [\r\n ...,\r\n {\r\n replace: '/runs/bulk',\r\n label: 'Bulk Runs',\r\n icon: 'i-ph-list-bullets-bold',\r\n },\r\n]\r\n\u003C/script>\r\n\u003Ctemplate>\r\n \u003CUHorizontalNavigation\r\n :links=\"tabs\"\r\n :ui=\"{\r\n base: 'text-base font-bold',\r\n icon: { base: 'w-6 h-6' },\r\n }\"\r\n />\r\n\u003C/template>\r\n```\r\nAny help with this would be great! Thanks so much for all your hard work.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2984],{"name":2868,"color":2869},1690,"Cannot pass NuxtLink `replace` to Nav components","2025-05-14T14:22:12Z","https://github.com/nuxt/ui/issues/1690",0.72989583,["Reactive",2991],{},["Set"],["ShallowReactive",2994],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fUta5q4uhgXQ5fAOqJnmorJZP7mLyOh_9o4ENAoPCQWY":-1},"/nuxt/ui/3007"]