\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```",[3082,3083,3084,3087],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3085,"color":3086},"nuxt/ui-pro","00dc82",{"name":3026,"color":3027},4371,"custom prefix not working when set with UHeader","2025-06-18T09:09:47Z","https://github.com/nuxt/ui/issues/4371",0.7297459,{"description":3094,"labels":3095,"number":3100,"owner":3029,"repository":3030,"state":3074,"title":3101,"updated_at":3102,"url":3103,"score":3104},"### Environment\n\n- @nuxt/icon\": \"^1.12.0\n- nuxt\": \"^3.17.2\n\nThe `lucide:x` icon, which is used to close the menu dropdown, is not showing properly in the `UHeader` component. \n\n\u003Cimg width=\"581\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/94303477-706b-4568-9acf-97cfee257748\" />\n\n\u003Cimg width=\"592\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/4773f3b1-c7ad-494b-8230-864007473db6\" />\n\n\nHowever, if i explicitly use the `lucide:x` icon somewhere in the pages, the icon in the header will show as normal.\n\nFor example, if I add `\u003CIcon name=\"lucide:x\" style=\"color: black\" />` to `pages/index.vue`, then the icons in both index page and the header show properly.\n\n\n\u003C!-- Failed to upload \"index.vue - nuxt-front [SSH_ macstudio] - Visual Studio Code 2025-05-15 10-37-38.mp4\" -->\n\nAlso see https://github.com/nuxt/icon/issues/251 and https://github.com/nuxt/ui/issues/3494\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.2\n\n### Reproduction\n\n[scienhub-com/nuxt-front](https://github.com/scienhub-com/nuxt-front)\n\n### Description\n\n1. clone the code\n2. install deps `npm i`\n3. run local dev: `npm run dev`\n4. go to browser, narrow down the page, let the menu icon in the header show up, click the menu bar, the close-menu icon (`lucide:x`) is supposed to show up, but actually not.\n\n## Other context\n\nI tried the comments from other issues like [https://github.com/nuxt/ui/issues/3494 and ](https://github.com/nuxt/icon/issues/259#issuecomment-2389235126) and https://github.com/nuxt/icon/issues/251#issuecomment-2331760499.\n\nThe behaviour is quite weird and I think this is related to the NuxtUI UHeader component. Because any icons elsewhere in the app are working well.\n",[3096,3097,3098,3099],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3085,"color":3086},{"name":3026,"color":3027},4158,"UHeader Icon not showing properly","2025-05-22T01:02:59Z","https://github.com/nuxt/ui/issues/4158",0.73196715,{"description":3106,"labels":3107,"number":3112,"owner":3029,"repository":3029,"state":3074,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### Environment\n\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 },\n \"dependencies\": {\n \"@element-plus/icons-vue\": \"^2.3.1\",\n \"@kangc/v-md-editor\": \"^2.3.18\",\n \"@nuxt/icon\": \"^1.11.0\",\n \"@nuxtjs/i18n\": \"^9.4.0\",\n \"@pinia/nuxt\": \"^0.10.1\",\n \"clipboard\": \"^2.0.11\",\n \"driver.js\": \"^1.3.5\",\n \"highlight.js\": \"^11.11.1\",\n \"i18n\": \"^0.15.1\",\n \"js-cookie\": \"^3.0.5\",\n \"jsdom\": \"^26.0.0\",\n \"markdown-it\": \"^14.1.0\",\n \"nuxt\": \"^3.16.2\",\n \"pinia\": \"^3.0.1\",\n \"pinia-plugin-persistedstate\": \"^4.2.0\",\n \"screenfull\": \"^6.0.2\",\n \"vue\": \"^3.5.13\",\n \"vue-i18n\": \"^11.1.2\",\n \"vue-router\": \"^4.5.0\"\n },\n \"devDependencies\": {\n \"@element-plus/nuxt\": \"^1.1.1\",\n \"sass-embedded\": \"^1.86.0\"\n }\n}\n\n\n### Reproduction\n\nOn NUXT 3.0.0-27296423.f3082ca is valid\n\neg:NUXT 3.0.0-27296423.f3082ca\n\nOn https://stackblitz.com/edit/github-9ukebr-h7jxu3sd?file=pages%2Findex.vue it's valid.\n\n\n\nOn NUXT 3.16.2 is invalid\n\neg:NUXT 3.16.2\n\non https://stackblitz.com/edit/github-aszmfiy7 it's invalid.\n\n\n\n### Describe the bug\n\nscroll-margin-top does not work in Nuxt\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3108,3109],{"name":3062,"color":3063},{"name":3110,"color":3111},"possible regression","B90A42",31864,"scroll-margin-top does not work in Nuxt version 3.16.2","2025-04-21T14:38:25Z","https://github.com/nuxt/nuxt/issues/31864",0.7320386,{"description":3118,"labels":3119,"number":3127,"owner":3029,"repository":3030,"state":3074,"title":3128,"updated_at":3129,"url":3130,"score":3131},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nHi there 👋\n\nI'm wondering if there are any plans to support UnoCSS as an alternative to Tailwind CSS in Nuxt UI 3? \n\nCurrently Nuxt UI is tightly coupled with Tailwind CSS. Given that UnoCSS is gaining popularity in the Vue ecosystem and offers great performance benefits, it would be amazing to have UnoCSS as an option.",[3120,3123,3126],{"name":3121,"color":3122},"duplicate","cfd3d7",{"name":3124,"color":3125},"question","d876e3",{"name":3023,"color":3024},2660,"Question: Any plans to support UnoCSS in Nuxt UI 3?","2024-11-16T13:24:37Z","https://github.com/nuxt/ui/issues/2660",0.73395103,{"description":3133,"labels":3134,"number":3139,"owner":3029,"repository":3029,"state":3074,"title":3140,"updated_at":3141,"url":3142,"score":3143},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.16.1\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.5.1\r\n- Builder: -\r\n- User Config: devtools, app, routeRules, experimental, runtimeConfig, modules, build, alias, dir, piniaPersistedstate, gtag, vite\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.10.3, nuxt-icon@0.4.2, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, nuxt-gtag@1.1.2\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nRun the app using Nuxt version 3.9.0 and navigate to any route\r\n\r\nCheck it out the live version using 3.9.0\r\n[https://capacithor-git-nuxt-390-igortrinidad.vercel.app/](https://capacithor-git-nuxt-390-igortrinidad.vercel.app/)\n\n### Describe the bug\n\nThe page transitions and layout rendering broken after the update, for some reason the component SiteFooter appears above the layout \u003Cslot /> on any route client route change, but it renders properly on server side rendering (hard refresh)....\r\n\r\n\n\n### Additional context\n\n\r\n\r\nlayouts/default.vue\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"w-screen h-full min-h-[100vh]\">\r\n \u003CSiteHeader />\r\n \u003Cslot />\r\n \u003CSiteFooter />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\n import SiteHeader from './site-components/SiteHeader.vue'\r\n import SiteFooter from './site-components/SiteFooter.vue'\r\n\u003C/script>\r\n```\n\n### Logs\n\n_No response_",[3135,3138],{"name":3136,"color":3137},"3.x","29bc7f",{"name":3062,"color":3063},24944,"[3.9.0] Client rendering and page transitions broke after updating to the newest Nuxt version","2024-01-03T19:46:15Z","https://github.com/nuxt/nuxt/issues/24944",0.73439413,["Reactive",3145],{},["Set"],["ShallowReactive",3148],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqLAmSA3DQluB72GQMFxWw_fcel_xW_PyJm_Tp_dkMk0":-1},"/nuxt/ui/2508"]