\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",[3094,3095,3096,3099],{"name":3032,"color":3033},{"name":3035,"color":3036},{"name":3097,"color":3098},"nuxt/ui-pro","00dc82",{"name":3038,"color":3039},4158,"UHeader Icon not showing properly","2025-05-22T01:02:59Z","https://github.com/nuxt/ui/issues/4158",0.69618773,{"description":3106,"labels":3107,"number":3114,"owner":3022,"repository":3022,"state":3064,"title":3115,"updated_at":3116,"url":3117,"score":3118},"\n### Environment\n\nNuxt project info: \n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.15.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.13.2\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.8\n- Builder: -\n- User Config: experimental, runtimeConfig, build, devtools, nitro, routeRules, plugins, modules, eslint, pinia, site, delayHydration, i18n, icon, app, content, svgo, sitemap, googleFonts, image, mdc, htmlValidator, compatibilityDate\n- Runtime Modules: @nuxt/ui@2.18.4, @nuxt/image@1.8.0, @nuxt/content@2.13.2, @nuxt/eslint@0.5.7, @nuxtjs/google-fonts@3.2.0, @nuxtjs/fontaine@0.4.3, @nuxtjs/i18n@8.5.5, @nuxtjs/mdc@0.8.3, @nuxtjs/sitemap@6.1.0, @nuxtjs/html-validator@1.8.2, nuxt-delay-hydration@1.3.8, nuxt-svgo@4.0.6, @vueuse/nuxt@11.1.0, @vueuse/motion/nuxt@2.2.5, @pinia/nuxt@0.5.4, @nuxthq/studio@2.0.3, @nuxt/icon@1.5.1, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nGithub to reproduction: https://github.com/hoachnt/hoachnt-web\n\n### Describe the bug\n\nI don't know what problem is. I try to fix this bug 2 months and think that problem is in nuxt. And yep I saw in the official website of nuxt has same problem\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3108,3109,3111],{"name":3019,"color":3020},{"name":3074,"color":3110},"FBCA04",{"name":3112,"color":3113},"possible regression","B90A42",29387,"Icons not rendering on production build when mounting","2024-10-15T06:27:30Z","https://github.com/nuxt/nuxt/issues/29387",0.69932115,{"description":3120,"labels":3121,"number":3129,"owner":3022,"repository":3022,"state":3064,"title":3130,"updated_at":3131,"url":3132,"score":3133},"### Environment\n\nNuxi 3.0.0\r\n\r\nRootDir: /home/projects/nuxt-starter-knkmhu\r\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\n\n\n### Reproduction\n\n- Nuxt version (with bug): https://stackblitz.com/edit/nuxt-starter-knkmhu?file=app.vue\r\n- Vue 3 version (working): https://sfc.vuejs.org/#eNqNksFugzAMhl/F4hKQGFSTdonaSnQvsMOOuVAwhQ6SKAmtqop3n0ML7dgOu+E/6PP/274GmdbJqceAB2tbmEY7sOh6vRWy6bQyDq5gsIqhxKqR+K5IlChdDPWkZfYii/kBBqiM6oARlAkpZKGkdTC/Z7CBMILNFuqQlc2JxdTBukuLHNg+L74ORvWy5NS1ZDDEwB7ojEW/eLv/8vYtGVoAdx44IRc5Nn/GC69CArQqL9Hwe2OJZ/igzI3FMDRoR5Gm+Nl0qHrnpRjeVqtVFCWuRhk+zEfxhGvkYZb507jGH0ps8wuHV2JQPZDpdXrbFu2JCoedbnOHVAGsn2adLpTdpCzCenWdzpggDm7bf+lynRytknQfY3Jxf7Ai4DAqXqNd+1oEtXPa8jS1VeGv6mgTZQ4pfSWml47mkaDtXvZGnS0aAovAIwbKRC29nekWnxIJN/r8aXD4Bv6Z7aY=\n\n### Describe the bug\n\nI encountered an issue with defineAsyncComponent `loadingComponent` property, it seems that the component provided is ignored.\r\n\r\nIn the example below, using `AsyncComponent` should render nothing for 2 seconds (delay) then render ComponentA for the next 5 seconds (the loadingComponent) and then after a total of 7 seconds display the ComponentB\r\n\r\n```vue\r\n\u003Cscript setup>\r\nimport { ref, defineComponent, h, defineAsyncComponent } from 'vue';\r\n\r\nconst ComponentA = () => h('div', { style: 'background: red' }, 'Component A loading');\r\nconst ComponentB = () => h('div', { style: 'background: blue' }, 'Component B loaded');\r\n\r\nconst AsyncComponent = defineAsyncComponent({\r\n loader: () => new Promise((res) => setTimeout(res, 5000)).then(ComponentB),\r\n loadingComponent: ComponentA,\r\n delay: 2000,\r\n});\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CClientOnly>\r\n \u003CComponentA />\r\n \u003CComponentB />\r\n \u003CAsyncComponent />\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\n\n### Additional context\n\nWhen not using `\u003CClientOnly>`, the `defineAsyncComponent` component will be pre-resolved so we can't see the issue at the first loading. (but I think the issue will also exist during page change) \n\n### Logs\n\n_No response_",[3122,3125,3126],{"name":3123,"color":3124},"3.x","29bc7f",{"name":3019,"color":3020},{"name":3127,"color":3128},"upstream","E8A36D",15648,"loadingComponent property from defineAsyncComponent is ignored","2023-01-19T18:34:58Z","https://github.com/nuxt/nuxt/issues/15648",0.70031035,{"description":3135,"labels":3136,"number":3141,"owner":3022,"repository":3022,"state":3064,"title":3142,"updated_at":3143,"url":3144,"score":3145},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.1.0\r\n- Nuxt Version: 3.7.0\r\n- CLI Version: 3.7.3\r\n- Nitro Version: 2.6.2\r\n- Package Manager: npm@9.6.4\r\n- Builder: -\r\n- User Config: ssr, build, modules, app, css, vite, runtimeConfig\r\n- Runtime Modules: @vueuse/nuxt@10.4.1\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nadd `~/app/spa-loading-template.html`\r\n\r\nhttps://stackblitz.com/edit/github-6nhkcv\r\n\r\n\r\n### Describe the bug\r\n\r\nLoading `spaLoadingTemplate` by default from `~/app/spa-loading-template.html` no longer works as documented.\r\n\r\nImplemented in https://github.com/nuxt/nuxt/pull/21640\r\n- Default value: null, then `~/app/spa-loading-template.html` was loaded.\r\n\r\nChanged default value to `false` in https://github.com/nuxt/nuxt/pull/22798\r\n- `false` if undefined or null, then `~/app/spa-loading-template.html` is never loaded.\r\n\r\n### Additional context\r\n\r\nSince last version, `spaLoadingTemplate: true` only loads nuxt animation and does not load `~/app/spa-loading-template.html` if exist.\r\n\r\n### Logs\r\n\r\n_No response_",[3137,3138,3139],{"name":3123,"color":3124},{"name":3032,"color":3033},{"name":3140,"color":3110},"🔨 p3-minor",23047,"fix(nuxt): allow load default spa loading indicator","2023-09-11T11:02:29Z","https://github.com/nuxt/nuxt/issues/23047",0.7015458,["Reactive",3147],{},["Set"],["ShallowReactive",3150],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fNiQmXD6806f8B3xyJHkIiBjOtVnCVVwBTw04zOrfwvo":-1},"/nuxt/ui/4162"]