\n \u003C/NuxtLink>\n \u003C/ClientOnly>\n \u003C/template>\n\n \u003CCustomNavigationMenu :items=\"links\" variant=\"link\" />\n\n \u003Ctemplate #right>\n \u003CThemePicker />\n \u003C/template>\n\n \u003Ctemplate #body>\n \u003CCustomNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003C/template>\n \u003C/CustomHeader>\n\u003C/template>\n```\n\nerrors:\n[Vue warn]: Failed to resolve component: UButton\nIf this is a native custom element, make sure to exclude it from component resolution via ...\n[Vue warn]: Failed to resolve component: UContainer\nIf this is a native custom element, make sure to exclude it from component resolution via ...\n[Vue warn]: Failed to resolve component: ULink\nIf this is a native custom element, make sure to exclude it from component resolution via ..\n\n### Description\n\nIf i'm setting a custom prefix in the `ui: {}` config object for the components the UHeader component is unable to resolve its nested components.\n\n### Additional context\n\nI think i've seen issues like this previously also posted, and maybe its some import that is missing.\n\n### Logs\n\n```shell-script\n\n```",[3154,3155,3156,3159],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3157,"color":3158},"nuxt/ui-pro","00dc82",{"name":3141,"color":3142},4371,"closed","custom prefix not working when set with UHeader","2025-06-18T09:09:47Z","https://github.com/nuxt/ui/issues/4371",0.66943467,{"description":3167,"labels":3168,"number":3172,"owner":3144,"repository":3145,"state":3161,"title":3173,"updated_at":3174,"url":3175,"score":3176},"### 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```",[3169,3170,3171],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3157,"color":3158},4177,"UNavigationMenu item children not visible when wrapped in UDashboardToolbar","2025-05-23T12:23:17Z","https://github.com/nuxt/ui/issues/4177",0.68164265,{"description":3178,"labels":3179,"number":3183,"owner":3144,"repository":3144,"state":3161,"title":3184,"updated_at":3185,"url":3186,"score":3187},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.19.1\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: compatibilityDate, devtools\n- Runtime Modules: -\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-d1n2dope?file=pages%2Findex.vue\n\nClick a NuxtLink that links to a specific element on another page, like `/example#two`. The section is only scrolled into view when reloading the page.\n\n### Describe the bug\n\nWhen using a link to a specific element, that element is not scrolled into view.\nAdding `external` works, but seems to trigger server-side rendering.\n\n### Additional context\n\nI'm not sure when the problem appeared, but navigating straight to a specific section used to work.\nOur end-to-end tests failed after upgrading from 3.16.0 to 3.17.5, though I could reproduce the error on 3.16.0 in StackBlitz.\n\n### Logs\n\n```shell-script\n\n```",[3180],{"name":3181,"color":3182},"🔨 p3-minor","FBCA04",32366,"NuxtLink with anchor (hash) doesn't jump to element unless defined as external","2025-07-10T13:50:25Z","https://github.com/nuxt/nuxt/issues/32366",0.6862256,{"description":3189,"labels":3190,"number":3197,"owner":3144,"repository":3144,"state":3161,"title":3198,"updated_at":3199,"url":3200,"score":3201},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v18.12.1\r\n- Nuxt Version: 3.4.3\r\n- Nitro Version: 2.3.3\r\n- Package Manager: pnpm@8.3.1\r\n- Builder: vite\n\n### Reproduction\n\nInside the `app.vue` file I have the following:\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nconst app = useNuxtApp();\r\n\r\nonMounted(() => {\r\n console.log('onMounted');\r\n});\r\n\r\napp.hook('page:finish', () => {\r\n console.log('page:finish');\r\n});\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"flex min-h-screen flex-col\">\r\n \u003CHtml lang=\"en\" />\r\n \u003CBody class=\"antialiased selection:bg-primary-100 selection:text-primary-600\" />\r\n\r\n \u003CNuxtPage class=\"flex-1\" />\r\n\r\n \u003Csection id=\"about\">Demo section\u003C/section>\r\n \u003C/div>\r\n\u003C/template>\r\n```\n\n### Describe the bug\n\nI'm trying to build a reveal animation when the page is loaded, so I usually create the animation timeline with GSAP inside the \"onMounted\" hook that starts paused and only plays once the page is fully loaded (the `page:finish` hook).\r\n\r\nEverything works perfectly fine if I navigate to any page of the Nuxt app and reload it, except for reloading in pages with a hash in the path AND an actual element with the hash as an id (for example: `http://localhost:8080/#about`). For some reason, if the route path contains a hash of an existing element in the DOM, the `page:finish` hook gets called before `onMounted`. However, if I remove the hash from the URL or there's no element present in the DOM that matches the hash, the order goes back to normal (`onMounted` first and `page:finish` second).\r\n\r\nI don't know why that happens.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3191,3194],{"name":3192,"color":3193},"3.x","29bc7f",{"name":3195,"color":3196},"pending triage","E99695",20617,"The `page:finish` hook gets called before `onMounted` only when hash present in path","2023-05-02T03:12:44Z","https://github.com/nuxt/nuxt/issues/20617",0.69558436,{"description":3203,"labels":3204,"number":3209,"owner":3144,"repository":3144,"state":3161,"title":3210,"updated_at":3211,"url":3212,"score":3213},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.4.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `srcDir`, `app`, `modules`, `css`, `components`\r\n- Runtime Modules: `@nuxtjs/color-mode@3.2.0`, `@vueuse/nuxt@9.6.0`, `@nuxt/content@2.2.2`, `nuxt-icon@0.1.8`, `@nuxtjs/supabase@0.3.0`, `@pinia/nuxt@0.4.6`, `@pinia-plugin-persistedstate/nuxt@1.0.0`, `@nuxtjs/robots@3.0.0`, `nuxt-windicss@2.6.0`\r\n- Build Modules: `-`\n\n### Reproduction\n\n[https://github.com/arthurdanjou/artdanj-website-v2](https://github.com/arthurdanjou/artdanj-website-v2)\n\n### Describe the bug\n\nIn this [line](https://github.com/ArthurDanjou/artdanj-website-v2/blob/main/src/app/router.options.ts#L26) in the router config, the element is null so the router can't scroll to the element with the hash when I switch page, but it scroll well when I reload the page\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3205,3206,3207],{"name":3192,"color":3193},{"name":3195,"color":3196},{"name":3208,"color":3182},"needs reproduction",15669,"Scrolling to component with hash return error","2023-04-05T10:41:20Z","https://github.com/nuxt/nuxt/issues/15669",0.69742924,{"description":3215,"labels":3216,"number":3223,"owner":3144,"repository":3144,"state":3161,"title":3224,"updated_at":3225,"url":3226,"score":3227},"Hi,\r\nI'm facing a weird issue with a nuxt generated app and a plugin I'm creating.\r\n\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv id=\"app\">\r\n \u003Ctop-nav/>\r\n \u003Cksvuefp :options=\"options\" :sections=\"sections\">\r\n \u003Cksvuefp-section\r\n v-for=\"(section,index) in sections\"\r\n :section=\"section\"\r\n :key=\"section\"\r\n :sectionIndex=\"index\"\r\n :background-color=\"section\"\r\n >\r\n \u003Ch2>{{ section }}\u003C/h2>\r\n \u003C/ksvuefp-section>\r\n \u003C/ksvuefp>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nexport default {\r\n name: 'home',\r\n data () {\r\n return {\r\n sections: ['red', 'blue', 'green'],\r\n options: { }\r\n }\r\n }\r\n}\r\n\u003C/script>\r\n```\r\nWhen using nuxt dev no problem, everything is rendered correctly. But once generated, instead of having 3 sections mounted... I only have 2. The first one is missing. The weirdest is that on loading, this section seems to be mounted, but dieappears when the app is totally loaded...\r\n\r\nMy components code:\r\n\r\nksvuefp-section.vue\r\n```html\r\n\u003Ctemplate>\r\n \u003Ccomponent :is=\"options.animationType\" :options=\"options\" :appear=\"false\">\r\n \u003Ctagger :sectionIndex=\"sectionIndex\" :options=\"options\" class=\"ksvuefp-section\" :style=\"{ backgroundImage: backgroundImage || '', backgroundColor: backgroundColor || '' }\" v-show=\"sectionIndex === $ksvuefp.currentIndex\">\r\n \u003Cspan class=\"ksvuefp-section__overlay\" :style=\"{ background: options.overlay || 'rgba(0,0,0,0.2)' }\" v-if=\"options.overlay\">\u003C/span>\r\n \u003Cdiv class=\"ksvuefp-section__content\">\r\n \u003Cslot>\u003C/slot>\r\n \u003C/div>\r\n \u003C/tagger>\r\n \u003C/component>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport { slideY, slideX, fade } from '../ksvuefp-animations'\r\nimport imagesLoaded from 'imagesloaded'\r\nexport default {\r\n components: {\r\n slideY,\r\n slideX,\r\n fade,\r\n 'tagger': {\r\n props: ['options', 'sectionIndex'],\r\n render (h) {\r\n return h(this.options.sectionTag || 'div', this.$slots.default)\r\n },\r\n mounted () {\r\n const vm = this\r\n vm.$nextTick(() => {\r\n imagesLoaded(vm.$el, { background: true }, () => {\r\n vm.$ksvuefp.$emit('ksvuefp-section-loaded', vm.sectionIndex)\r\n })\r\n }\r\n }\r\n },\r\n data () {\r\n return {\r\n options: this.$ksvuefp.options || [ ]\r\n }\r\n },\r\n props: ['section', 'backgroundImage', 'backgroundColor', 'sectionIndex']\r\n}\r\n\u003C/script>\r\n```\r\n\r\nAny idea of what could cause the issue? I'm banging my head on the wall since hours ahaha \n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1622\">#c1622\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3217,3220],{"name":3218,"color":3219},"available soon","6de8b0",{"name":3221,"color":3222},"2.x","d4c5f9",1807,"Nuxt generate: Missing first item in v-for loop","2023-01-18T15:54:46Z","https://github.com/nuxt/nuxt/issues/1807",0.69980395,{"description":3229,"labels":3230,"number":3234,"owner":3144,"repository":3145,"state":3161,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### 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```",[3231,3232,3233],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},4115,"UNavigationMenu vertical not triggering route \"to\" on root elements","2025-05-10T11:18:54Z","https://github.com/nuxt/ui/issues/4115",0.70101154,{"labels":3240,"number":3248,"owner":3144,"repository":3144,"state":3161,"title":3249,"updated_at":3250,"url":3251,"score":3252},[3241,3242,3245],{"name":3192,"color":3193},{"name":3243,"color":3244},"upstream","E8A36D",{"name":3246,"color":3247},"upstream-bug","B60205",12921,"Navigating away and back looses the styling of the root component element from its parent page (using style scoped and fragments)","2024-06-17T15:09:38Z","https://github.com/nuxt/nuxt/issues/12921",0.701285,{"description":3254,"labels":3255,"number":3257,"owner":3144,"repository":3144,"state":3161,"title":3258,"updated_at":3259,"url":3260,"score":3261},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.19.0`\n- Nuxt Version: `3.17.5`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `router`, `srcDir`, `dir`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/yuriystasiv/nuxt-link-hashtag\nhttps://github.com/yuriystasiv/nuxt-link-hashtag\n\n### Describe the bug\n\nAfter updating Nuxt from 3.11.2 to 13.17.5, I noticed that `scrollBehavior: 'smooth'` no longer works correctly when using `NuxtLink` with a hash (#). Navigation to the element still occurs, but instead of a smooth scroll, it jumps immediately to the target and only applies the smooth scroll animation at the very end, which feels abrupt.\n\nThis seems to be caused by NuxtLink now rendering a plain \u003Ca> tag instead of RouterLink. This change happened in [this PR](https://github.com/nuxt/nuxt/pull/30190). When I switch it back to use RouterLink (like in earlier versions), smooth scrolling works correctly again. Here’s a demo with patch:\nhttps://stackblitz.com/~/github.com/yuriystasiv/nuxt-link-hashtag-patch\nhttps://github.com/yuriystasiv/nuxt-link-hashtag-patch\n\n**Expected behavior**\nSmooth scrolling should work with NuxtLink and hash links, even when it’s rendered as an anchor tag.\n\n### Additional context\n\nIs there something that needs to be handled differently in NuxtLink to make smooth scrolling work as expected when using anchor tags?\n\nAs a workaround, you can prevent the default behavior and use navigateTo or router.push manually, like this:\n```\n\u003CNuxtLink\n to=\"#test\"\n @click.prevent=\"navigateToSection('#test')\"\n >example\n\u003C/NuxtLink>\n\u003Cscript setup lang=\"ts\">\nconst route = useRoute();\nconst navigateToSection = (section: string) => {\n navigateTo(`${route.path}${section}`);\n};\n\u003C/script>\n```\n\n### Logs\n\n```shell-script\n\n```",[3256],{"name":3195,"color":3196},32329,"NuxtLink hashtag and scrollBehavior smooth","2025-06-14T13:06:23Z","https://github.com/nuxt/nuxt/issues/32329",0.7014832,["Reactive",3263],{},["Set"],["ShallowReactive",3266],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ft_6DbQSq0U_IX4SVNqDFPZea11sgglUd6OQuG783Hds":-1},"/nuxt/ui/4416"]