\r\n \u003C/div>\r\n```\r\n\r\nhidden -> tailwindcss\r\n\r\n~/plugins/loading.ts\r\n\r\n```\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n nuxtApp.hook('page:finish', () => {\r\n const app = document.querySelector('#app')\r\n // @ts-ignore\r\n app.className = app.className.replace('hidden', '')\r\n })\r\n\r\n})\r\n```\r\n\r\nremove hidden when the page has finished loading\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3155,3158,3159],{"name":3156,"color":3157},"3.x","29bc7f",{"name":3140,"color":3141},{"name":3160,"color":3161},"needs reproduction","FBCA04",23305,"closed","Fixed Bug: Nuxt3 some components load slowly","2023-09-23T19:15:25Z","https://github.com/nuxt/nuxt/issues/23305",0.66602665,{"description":3169,"labels":3170,"number":3180,"owner":3146,"repository":3181,"state":3163,"title":3182,"updated_at":3183,"url":3184,"score":3185},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.13.0`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.21.1`\n- Nitro Version: `2.10.4`\n- Package Manager: `npm@10.9.2`\n- Builder: `-`\n- User Config: `devtools`, `extends`, `runtimeConfig`, `css`, `build`, `modules`, `piniaPluginPersistedstate`, `googleFonts`, `colorMode`, `site`, `robots`, `gtag`, `routeRules`, `icon`, `compatibilityDate`\n- Runtime Modules: `@nuxtjs/google-fonts@3.2.0`, `@nuxt/eslint@1.0.1`, `@vueuse/nuxt@12.7.0`, `@pinia/nuxt@0.10.1`, `pinia-plugin-persistedstate/nuxt@4.2.0`, `@nuxt/image@1.9.0`, `@nuxt/ui@2.21.0`, `nuxt-gtag@3.0.2`, `@nuxtjs/robots@5.2.2`, `@nuxtjs/sitemap@7.2.5`, `@nuxt/content@3.1.1`, `@nuxt/icon@1.10.3`\n- Build Modules: `-`\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.4\n\n### Reproduction\n\nI don't know how to reproduce this since it works in my local environment, however, this is the website: https://www.storysprout.me/\n\nI did try adding:\n```ts\n icon: {\n clientBundle: {\n scan: true,\n }\n },\n```\nto the `nuxt.config.ts` file, but that didn't help.\n\nI also installed the packages for the icons:\n\n```json\n \"dependencies\": {\n \"@iconify-json/fluent-emoji-high-contrast\": \"^1.2.3\",\n \"@iconify-json/heroicons\": \"^1.2.2\",\n }\n```\n\n### Description\n\nHi, \n\nSince I deployed to Vercel yesterday, I have encountered issues with the icons on my website.\n\nSome of them load correctly, while others do not work at all. I get a few console and network errors when loading the icons.\n\nFor example, I am using the component `UColorModeButton` and then I see this error:\n```\n[Icon] failed to load icon `heroicons:moon-20-solid`\n```\n\nIt happens similarly with other icons I have added for example when using the `items` prop to some of the other components like `UDropDown`.\n\nThe Network Error is a 404 on:\n`https://www.storysprout.me/api/_nuxt_icon/heroicons.json?icons=moon-20-solid`\n\nThank you!\n\n### Additional context\n\nI can provide any additional context if necessary.\n\n### Logs\n\n```shell-script\n\n```",[3171,3174,3177],{"name":3172,"color":3173},"bug","d73a4a",{"name":3175,"color":3176},"v3","49DCB8",{"name":3178,"color":3179},"upstream","78bddb",3347,"ui","failed to load icon `heroicons:moon-20-solid` on Vercel deployment","2025-08-07T11:29:01Z","https://github.com/nuxt/ui/issues/3347",0.6797122,{"description":3187,"labels":3188,"number":3194,"owner":3146,"repository":3146,"state":3163,"title":3195,"updated_at":3196,"url":3197,"score":3198},"\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_",[3189,3190,3191],{"name":3140,"color":3141},{"name":3160,"color":3161},{"name":3192,"color":3193},"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.6855253,{"description":3200,"labels":3201,"number":3205,"owner":3146,"repository":3146,"state":3163,"title":3206,"updated_at":3207,"url":3208,"score":3209},"Hey there.\r\nWhile i'm globally satisfied with Nuxt performance, I'm always trying to achieve a quicker first display for the user.\r\n\r\nI noticed quite a delay when coming with a slow network connexion, so I tried to analyse the asset loading using google chrome. here is my discoveries :\r\n\r\n\r\n\r\nand the Associated DOM\r\n\u003Cimg width=\"769\" alt=\"capture d ecran 2017-09-21 a 14 12 56\" src=\"https://user-images.githubusercontent.com/6388929/30695228-aea421e0-9ed7-11e7-83c4-858529d8de94.png\">\r\n\r\nThis is the loading waterfall called just after a request made to a \"profession\" page, served through SSR.\r\nYou can see the loading order has a few faults :\r\n- Vendor, app and manifest are loading first ans simultaneously, thanks to the preload instruction. That's a good thing\r\n- Then comes all the pages with the prefetch instruction. The three first being loaded are not the files corresponding the the page I'm displaying. That a first issue.\r\n- Then the \"current JS page file\", and it's associated layout are downloaded a second time, I guess it's because they are marked twice in the DOM, one with the prefetch instruction, one with no instruction.\r\n- Boot time is delayed after I got the CSS and asociated font, not sure why since I'm using WebFontLoader in order not to wait for the font.\r\n\r\n\r\nSeveral things there.\r\n- First is the incorrect loading order, and the resources downloaded twice. This may be part of the Vue SSR Bundler.\r\n- Second is the boot time. I can't find why my app isn't displayed earlier. Point of SSR is not to wait for assets to be loaded before displaying the page. I guess this is on my side, but I can't see anything delaying the rendering.\r\n\r\nIf anyone encountered the same kind of issue, I'd be happy to have some hints on what to do to improve both loading order, and first display timing.\r\n\r\nThanks\r\n\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/c1525\">#c1525\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3202],{"name":3203,"color":3204},"2.x","d4c5f9",1702,"Help Needed : Loading order incorrect with prefetch and preload, delayed boot time","2023-01-18T15:54:38Z","https://github.com/nuxt/nuxt/issues/1702",0.685694,{"description":3211,"labels":3212,"number":3213,"owner":3146,"repository":3214,"state":3163,"title":3215,"updated_at":3216,"url":3217,"score":3218},"Hello,\n\nI'm opening this issue because I have issue with Icons loading in my production environment. I'm building my Nuxt application in a docker image and then I deploy it on a server behind a reverse proxy Traefik.\n\nFirst attempt to go on a page of the app, icons appears, but after going on other pages, icons are missing. If i it F5 to refresh the page, icons appears.\nMy Nuxt app is running in SSR mode.\n\nAt the first attemps I see this in the log on the server : \n```\nclient | ⚙ [Icon] serving lucide:arrow-right,lucide:eye from bundled collection\n```\n\nHere is my `nuxt.config.ts` file : \n```\nexport default defineNuxtConfig({\n modules: ['@nuxt/ui', '@pinia/nuxt'],\n devtools: { enabled: false },\n css: ['~/assets/css/main.css'],\n runtimeConfig: {\n backendUrl: process.env.NUXT_BACKEND_URL,\n public: {\n backendUrl: process.env.NUXT_PUBLIC_BACKEND_URL,\n },\n },\n srcDir: 'app',\n compatibilityDate: '2024-11-01',\n nitro: {\n preset: 'bun',\n esbuild: {\n options: {\n target: 'es2022',\n },\n },\n },\n vite: {\n esbuild: {\n target: 'es2022',\n },\n ssr: {\n noExternal: ['@prisma/client'],\n },\n },\n icon: {\n serverBundle: 'local',\n },\n});\n```\n\nand in the browser console : \nFailed to load resource: the server responded with a status of 404 ()\nhttps://myapplication/api/_nuxt_icon/lucide.json?icons=align-justify%2Cbell%2Cchevron-down%2Clayout-dashboard%2Cpanel-right-close\n\nI am using Nuxt version 4.0.3 and Nuxt ui version 3.3.2\nAnd in my dependencies I have : \n```\n\"dependencies\": {\n \"@nuxt/ui\": \"^3.3.2\",\n \"@pinia/nuxt\": \"^0.11.1\",\n \"nuxt\": \"^4.0.3\",\n \"pinia\": \"^3.0.3\",\n \"quill\": \"^2.0.3\",\n \"vue\": \"^3.5.17\",\n \"vue-router\": \"^4.5.1\",\n \"@iconify-json/lucide\": \"^1.2.62\"\n },\n \"devDependencies\": {\n \"@nuxt/eslint-config\": \"^1.9.0\",\n \"eslint\": \"^9.33.0\",\n \"prettier\": \"^3.6.2\"\n }\n```\n\nHow can I solve the issue ?",[],422,"icon","NuxtUI - Icons doesn't load correctly in Production server","2025-08-21T07:17:40Z","https://github.com/nuxt/icon/issues/422",0.6857264,{"description":3220,"labels":3221,"number":3224,"owner":3146,"repository":3146,"state":3163,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.7.3\r\n- CLI Version: 3.8.4\r\n- Nitro Version: 2.6.3\r\n- Package Manager: yarn@1.22.4\r\n- Builder: -\r\n- User Config: ssr, experimental, runtimeConfig, modules, ui, tailwindcss, i18n, viewport, proxy, imports, devtools, typescript, $production\r\n- Runtime Modules: @nuxt-alt/proxy@2.3.2, @nuxtjs/google-fonts@3.0.2, @nuxt/image@1.0.0-rc.2, nuxt-icon@0.4.2, @nuxtjs/i18n@8.0.0-rc.4, nuxt-viewport@2.0.6, nuxt-swiper@1.2.2, @nuxt/ui@2.8.1, @vueuse/nuxt@10.4.1\r\n- Build Modules: -\n\n### Reproduction\n\n- upgrade nuxt from 3.6.2 to 3.7.3\r\n- in Windows system run yarn dev\n\n### Describe the bug\n\nJS files including .vue files loading are quite slow. Need to wait 10 minutes (we are bigger project) to finish and onMounted start to run.\r\n\r\nIt do not happen in Mac system\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3222,3223],{"name":3156,"color":3157},{"name":3140,"color":3141},23309,"dev js loading is very slow","2023-11-08T11:55:08Z","https://github.com/nuxt/nuxt/issues/23309",0.68675524,{"description":3230,"labels":3231,"number":3236,"owner":3146,"repository":3181,"state":3163,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.7.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.0.4\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/eslint@0.6.1, @nuxt/ui@3.0.0-alpha.9, @storyblok/nuxt@6.2.0, @nuxt/image@1.8.1, @nuxt/scripts@0.9.5, @nuxtjs/seo@2.0.0-rc.23, nuxt-mapbox@1.6.1, dayjs-nuxt@2.1.11, @nuxtjs/algolia@1.10.2, @sentry/nuxt/module@8.37.1, nuxt-posthog@1.5.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\nNo Caching/ISR: https://preview.live-for-today.com - Icons All Load\nCaching/ISR: https://live-for-today.com - Some Icons Fail To Load\n\n### Description\n\nDev: localhost - Icons All Load\nNo Caching/ISR: https://preview.live-for-today.com - Icons All Load\nCaching/ISR: https://live-for-today.com - Some Icons Fail To Load\n\nOn the deployment with Caching/ISR I get this warnings in the console, i.e.:\n\n```[Icon] failed to load icon `heroicons:chevron-double-left```,\n\n```[Icon] failed to load icon `heroicons:chevron-double-right```\n\nI've installed all of the icon dependencies I'm using.\n\nSeems to be some conflict as soon as I'm using caching.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3232,3233,3235],{"name":3172,"color":3173},{"name":3160,"color":3234},"CB47CF",{"name":3175,"color":3176},2731,"Icons Not Loading On v3 When Using ISR","2025-02-07T15:25:14Z","https://github.com/nuxt/ui/issues/2731",0.6910565,{"description":3242,"labels":3243,"number":3246,"owner":3146,"repository":3146,"state":3163,"title":3247,"updated_at":3248,"url":3249,"score":3250},"### Environment\n\nNuxt project info: 6:37:53 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.15.1\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, nuxt-monaco-editor@1.3.1, @element-plus/nuxt@1.1.0\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nThis is my `nuxt.config.js`:\n\n```js\nexport default defineNuxtConfig({\n\tdevtools: { enabled: true },\n\tssr:true,\n\tdevServer:{\n\t\thost:\"0.0.0.0\",\n\t\tport:8001,\n\t},\n\tmodules: [\"@nuxt/ui\", \"nuxt-monaco-editor\", '@element-plus/nuxt'],\n\tplugins:[{\n\t\tsrc:\"~/plugins/router.js\",\n\t\tssr:false,\n\t}],\n\talias: {\n\t\t'css':\"/assets/css\",\n\t\t'font':\"/assets/font\",\n\t\t\"comps\":\"/components\",\n\t\t\"pages\":\"/pages\"\n\t},\n\tcss:[\"css/index.css\"],\n\tcompatibilityDate: \"2024-08-05\",\n})\n```\n\nVery simple, but I found that in the DEV mode, devServer will load the modules' file (in the node_modules) for many times repeatly!\n\nThese 3 modules generated about 2k js files needing to load, which spend about 2minutes to load a page, but when I just modify a little bit part of my code(or just wait for some time without doing anything), the version of the js files changed, so I need to load them again!\n\n\n\nOnly the js files for the 3 modules would be loaded for many times, others wouldn't.\n\n\n### Describe the bug\n\nLike the above, in the loading time, I could do nothing but waiting.There is no response after clicking the link, button or other item.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3244,3245],{"name":3140,"color":3141},{"name":3160,"color":3161},29945,"Extremely slow due to the Nuxt Modules!!! I even can not bear that!","2024-11-16T20:32:02Z","https://github.com/nuxt/nuxt/issues/29945",0.69463515,{"description":3252,"labels":3253,"number":3256,"owner":3146,"repository":3146,"state":3163,"title":3257,"updated_at":3258,"url":3259,"score":3260},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.14.0\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: npm@9.9.3\r\n- Builder: -\r\n- User Config: css, extends, modules, i18n, site, sitemap, ogImage, linkChecker, seoExperiments, seo, cookieControl, sanctum, bugsnag, image, runtimeConfig, imports, ui, devtools, experimental, colorMode, tailwindcss, sourcemap\r\n- Runtime Modules: @nuxt/ui@2.16.0, @nuxt/image@1.7.0, @vueuse/motion/nuxt@2.2.3, nuxt-clarity-analytics@0.0.6, dayjs-nuxt@2.1.9, nuxt-bugsnag@7.3.0, @dargmuesli/nuxt-cookie-control@8.4.1, nuxt-zod-i18n@1.8.0, @nuxtjs/i18n@8.3.1, nuxt-auth-sanctum@0.3.14, @nuxtjs/seo@2.0.0-rc.10, nuxt-delay-hydration@1.3.3, @nuxt/eslint@0.3.13\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nThe project is very large and I can't reproduce it completely. I don't have this problem in Stackblitz, but I will provide a structure nonetheless.\r\n\r\nhttps://stackblitz.com/edit/github-yebevt?file=nuxt.config.ts\r\n\r\n### Describe the bug\r\n\r\nHi, I have been having problems with Nuxt that I didn't have before. This happens when I am developing locally.\r\nFirst, when I run npm run dev, this is the result:\r\n```\r\nnpm run dev\r\n\r\n> dev\r\n> nuxt dev\r\n\r\nNuxt 3.11.2 with Nitro 2.9.6 7:53:27 PM\r\n 7:53:27 PM\r\n ➜ Local: http://localhost:3000/\r\n ➜ Network: use --host to expose\r\n\r\nℹ Using default Tailwind CSS file nuxt:tailwindcss 7:53:28 PM\r\nℹ Sanctum module initialized w/o global middleware nuxt-auth-sanctum 7:53:28 PM\r\n⚙ The module is disabled, skipping setup. nuxt-og-image 7:53:28 PM\r\n✔ Nuxt Nitro server built in 2924 ms nitro 7:53:36 PM\r\nℹ Vite client warmed up in 7208ms 7:53:37 PM\r\nℹ Vite server warmed up in 7033ms \r\n```\r\n\r\nThe problem is that when I change any value in my nuxt.config.ts, the server becomes very slow.\r\n\r\n```\r\nℹ nuxt.config.ts updated. Restarting Nuxt... 7:58:55 PM\r\nℹ Using default Tailwind CSS file nuxt:tailwindcss 7:58:55 PM\r\nℹ Sanctum module initialized w/o global middleware nuxt-auth-sanctum 7:58:56 PM\r\n⚙ The module is disabled, skipping setup. nuxt-og-image 7:58:56 PM\r\n✔ Nuxt Nitro server built in 28386 ms nitro 7:59:35 PM\r\nℹ Vite client warmed up in 43256ms 7:59:40 PM\r\nℹ Vite server warmed up in 36287ms 7:59:40 PM\r\n✔ Vite server hmr 146 files in 444.331ms\r\n\r\n WARN [Nuxt Site Config] You have set an i18n baseUrl to localhost:3000. This will not work in production. Please set a proper baseUrl in your i18n config.\r\n\r\n\r\n WARN [Nuxt Site Config] You have set an i18n baseUrl to localhost:3000. This will not work in production. Please set a proper baseUrl in your i18n config.\r\n\r\n```\r\n\r\n\r\nhttps://github.com/nuxt/nuxt/assets/32969705/bf0efcb0-b292-411f-a691-347c42d8a45c\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3254,3255],{"name":3140,"color":3141},{"name":3160,"color":3161},27515,"When the nuxt.config.ts is updated, the reload is very slow.","2024-11-08T22:44:22Z","https://github.com/nuxt/nuxt/issues/27515",0.6987711,["Reactive",3262],{},["Set"],["ShallowReactive",3265],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fdDSQ275rfMwPFYojATNSh9f_GXvsrxpgrWqlTYnxmYw":-1},"/nuxt/ui/2124"]