` in `index.vue`\n4. run `npm run generate`\n5. serve `.output/public` with `apache2`\n\n\u003Cdetails>\u003Csummary>\u003Ccode>nuxt.config.ts\u003C/code> and \u003Ccode>app/pages/index.vue\u003C/code>\u003C/summary>\n\n```\nexport default defineNuxtConfig({\n devtools: { enabled: true },\n\n modules: [\n '@nuxt/ui',\n '@nuxt/eslint'\n ],\n\n ssr: false,\n css: ['~/assets/css/main.css'],\n icon: {\n provider: 'none',\n clientBundle: {\n scan: true,\n }\n },\n\n compatibilityDate: '2025-07-16'\n})\n```\n\n```\n\u003Cscript setup>\nconst value=ref(true)\n\u003C/script>\n\u003Ctemplate>\n \u003CUCheckbox v-model=\"value\" />\n\u003C/template>\n```\n\n\u003C/details>\n\n### Description\n\n\nThe default icon for `UCheckbox` will not be [bundled for client](https://github.com/nuxt/icon?#client-bundle) when SSR is disabled.\n\nThe check icon is missing:\n\n\u003Cimg width=\"47\" height=\"52\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3a72a4c2-3577-4de5-8dcf-89c2ed9c8879\" />\n\nand a warning message is shown in the console:\n\n> [!WARNING] \n> [Icon] failed to load icon \\`lucide:check\\`\n\nfyi, the icon will show if\n- `provider: 'server'` and `ssr: true` is set\n- `provider: 'iconify'` is set and `https://api.iconify.design/` is reachable\n- Or, the icon is explitly specified: `\u003CUCheckbox v-model=\"value\" icon=\"i-lucide-check\" />`\n",[3171,3174],{"name":3172,"color":3173},"bug","d73a4a",{"name":3175,"color":3176},"triage","ffffff",4748,"nuxt","ui","open","Check Icon is missing when `icon.clientBundle.scan: true` and `ssr: false` is used for static build","2025-08-14T16:08:31Z","https://github.com/nuxt/ui/issues/4748",0.65778387,{"description":3186,"labels":3187,"number":3190,"owner":3178,"repository":3179,"state":3180,"title":3191,"updated_at":3192,"url":3193,"score":3194},"### Environment\n\n- Operating System: Linux\n- Node Version: v24.9.0\n- Nuxt Version: 4.1.2\n- CLI Version: 3.28.0\n- Nitro Version: 2.12.6\n- Package Manager: pnpm@10.18.0\n- Builder: -\n- User Config: runtimeConfig, modules, css, $development, security, site, openFetch, nitro, pwa, compatibilityDate\n- Runtime Modules: @vite-pwa/nuxt@1.0.4, @nuxt/ui@4.0.1, @pinia/nuxt@0.11.2, pinia-plugin-persistedstate/nuxt@4.5.0, nuxt-open-fetch@0.13.5, nuxt-security@2.4.0, @nuxtjs/seo@3.2.2, @nuxt/content@3.7.1, @nuxtjs/i18n@10.1.0, @vueuse/nuxt@13.9.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv4.x\n\n### Version\n\nv4.0.1\n\n### Reproduction\n\nHost a build generated with`pnpm nuxt generate` on https://github.com/GreyXor/bad-ssg-nuxtui\nchange size of sidebar then reload the page. you'll see that sidebar \nit works with `pnpm dev`, but not with `pnpm nuxt generate`\n\n### Description\n\nThe sidebar size and collapsed state aren’t being saved, I can see the values in cookies or local storage, but they have no effect when I reload the page.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3188,3189],{"name":3172,"color":3173},{"name":3175,"color":3176},5143,"Size of sidebar and collapsed bool are not saved (I can see the value in cookie or local storage, but has no effect) (SSG (SSR+generate))","2025-10-05T14:30:41Z","https://github.com/nuxt/ui/issues/5143",0.6851238,{"description":3196,"labels":3197,"number":3207,"owner":3178,"repository":3178,"state":3180,"title":3208,"updated_at":3209,"url":3210,"score":3211},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.16.1\r\n- Nuxt Version: 3.7.0\r\n- CLI Version: 3.7.0\r\n- Nitro Version: 2.6.1\r\n- Package Manager: pnpm@8.6.12\r\n- Builder: -\r\n- User Config: extends, debug, ssr, experimental, runtimeConfig, typescript, parallelLimit, css, i18n, modules, cookieControl, googleFonts, nitro, alias, vite\r\n- Runtime Modules: nuxt-icon@0.5.0, @nuxtjs/i18n@8.0.0-rc.2, @vueuse/nuxt@10.4.0, @nuxt/devtools@0.7.6, nuxt-parallel-limit@0.0.3, nuxt-vitest@0.10.2, @nuxtjs/google-fonts@3.0.2, @dargmuesli/nuxt-cookie-control@6.4.1, @monorepo/ui@workspace:^\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nPerhaps this should go upstream to nitro, but I was not sure whether some part of the logging is `nuxt`'s responsibility so I'll start here and then maybe move it.\r\n\r\n- I enabled `ssr: true` (it was `false` before) in a production project and got the following rollup error. \r\n- I ran `pnpm nuxi generate` as I usually do to have static generation.\r\n\r\n### Describe the bug\r\n\r\nStatic generation fails\r\n\r\n### Additional context\r\n\r\nThis is the output log, with `debug: true` enabled:\r\n\u003Cimg width=\"1156\" alt=\"Screenshot 2023-08-28 at 08 59 46\" src=\"https://github.com/nuxt/nuxt/assets/740025/42a22edc-6e2d-46cf-a487-ad32cc53427a\">\r\n\r\nI was wondering whether there is a way/suggestions on how to detect the aspect that is generating this failure during nitro's prerendering (this error seems to be specific to this stage, as it is not appearing when ssr is disabled)\r\n\r\n### Logs\r\n\r\n_No response_",[3198,3201,3204],{"name":3199,"color":3200},"enhancement","8DEF37",{"name":3202,"color":3203},"pending triage","E99695",{"name":3205,"color":3206},"dx","C39D69",22860,"Debugging rollup error on nitro prerendering","2024-06-30T11:07:51Z","https://github.com/nuxt/nuxt/issues/22860",0.68799263,{"description":3213,"labels":3214,"number":1587,"owner":3178,"repository":3215,"state":3216,"title":3217,"updated_at":3218,"url":3219,"score":3220},"\r\nIcons are not being rendered in the SSR part\r\n\r\n\r\n\r\nSource Code\r\n\r\n\r\nIn the Vue part (client) it works correctly\r\n\r\nnpx nuxi info\r\n`- Operating System: `Linux`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `srcDir`, `modules`, `tailwindcss`, `vite`, `schemaOrg`, `telemetry`, `algolia`, `head`, `auth`, `viewport`, `css`, `build`, `runtimeConfig`\r\n- Runtime Modules: `genesis-design-system/nuxt`, `@nuxtjs/algolia@1.3.1`, `@nuxtjs/tailwindcss@6.1.3`, `formidable@2.1.1`, `@nuxtjs-alt/auth@2.1.6`, `@nuxtjs-alt/http@1.5.4`, `nuxt-viewport@2.0.3`, `@nuxtjs/partytown@1.3.0`, `@vueuse/nuxt@9.6.0`, `@nuxtjs/i18n-edge@8.0.0-beta.4-27812700.b832f07`, `nuxt-schema-org@1.1.0-beta.6`, `nuxt-icon@0.1.8`, `@pinia/nuxt@0.4.6`, `@nuxtjs/i18n@8.0.0-beta.6`\r\n- Build Modules: `-`\r\n`",[],"icon","closed","Icons not render in SSR side (Node)","2022-12-22T11:02:18Z","https://github.com/nuxt/icon/issues/35",0.65923387,{"description":3222,"labels":3223,"number":1587,"owner":3178,"repository":3224,"state":3216,"title":3225,"updated_at":3226,"url":3227,"score":3220},"",[],"nuxt.com","Register page with `email` / `password` + github connect","2023-02-15T12:31:38Z","https://github.com/nuxt/nuxt.com/issues/35",{"description":3229,"labels":3230,"number":3231,"owner":3178,"repository":3215,"state":3216,"title":3232,"updated_at":3233,"url":3234,"score":3235},"------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.16.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `pnpm@7.14.0`\r\n- Builder: `vite`\r\n- User Config: `extends`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\nReproduction: https://stackblitz.com/edit/nuxt-icon-playground-uffcst?file=app.vue\r\n\r\nSeems to be an upstream issue with @iconify/vue, have created an issue there",[],30,"Invalid icon name causes Nuxt SSR to hang forever","2022-12-01T21:13:50Z","https://github.com/nuxt/icon/issues/30",0.6620094,{"description":3237,"labels":3238,"number":3231,"owner":3178,"repository":3239,"state":3216,"title":3240,"updated_at":3241,"url":3242,"score":3235},"These are several items that should be completed for the public release of the module. Any contributions are more than welcome.\r\n\r\nTasks for the public announcement: https://github.com/nuxt/scripts/issues/47\r\n\r\n## Nuxt\r\n\r\n- [x] Add stub for `useScript` to Nuxt core (https://github.com/nuxt/nuxt/pull/26854 & https://github.com/nuxt/nuxt/pull/27010#issue-comment-box)\r\n\r\n## Benchamarks\r\n\r\n- [x] See what the overhead of using registry script is - 2.09kb gzipped for fathom analytics\r\n- [x] Test web vitals & PSI with / without useScript - not meaningful by itself, too much variability \r\n\r\n## [Documentation](https://scripts.nuxt.com/)\r\n\r\n### **Content** \r\n\r\n(some content exists on all these pages it just needs polishing)\r\n\r\n**Getting started**\r\n\r\n- [x] Introduction\r\n- [x] Installation\r\n- [x] Tutorial: js-confetti\r\n- [x] Reproductions - add a stackblitz demo repo\r\n\r\n**Guides**\r\n\r\n- [x] Script Loading\r\n- [x] Script Triggers\r\n- [x] Bundling\r\n- [x] Consent\r\n- [x] Page Events\r\n- [x] Global Scripts\r\n\r\n**API**\r\n\r\n- [x] useScript\r\n- [x] createConsentScriptTrigger\r\n- [x] useElementScriptTrigger\r\n- [x] useAnalyticsPageEvent\r\n- [x] Nuxt Config\r\n- [x] Nuxt App Hooks\r\n- [x] Nuxt Hooks\r\n\r\n### **Registry**\r\n\r\n(see below)\r\n\r\n### **Read Me**\r\n\r\n- [x] Better background details, more concise and informative.\r\n\r\n### **Home Page**\r\n\r\n- [x] Benchmarks\r\n\r\n## Nuxt Scripts\r\n\r\n### Tests\r\n\r\n- [x] Consuming module\r\n - [x] Playground installing module externally working\r\n - [x] Generate\r\n - [x] Build\r\n - [x] StackBlitz working\r\n\r\n- [x] e2e Trigger tests\r\n - [x] onNuxtReady\r\n - [x] manual\r\n - [x] visibility\r\n - [x] mouseover\r\n\r\n\r\n### Registry Scripts\r\n\r\nThe initial implementation for all of these scripts is complete. No new scripts should be added at this stage.\r\n\r\nThe below require proper documentation and sanity checks on implementation. There is some tree-shaking improvements to be made, see Cloudflare Web Analytics example as it's complete.\r\n\r\nWe also need to properly document which scripts can be bundled.\r\n\r\n**Analytics**\r\n- [x] cloudflare-web-analytics\r\n- [x] fathom-analytics\r\n- [x] google-analytics\r\n- [x] matomo-analytics\r\n- [x] plausible-analytics\r\n\r\n**Content**\r\n- [x] google-maps\r\n- [x] vimeo-player\r\n- [x] youtube-player\r\n\r\n**Marketing**\r\n- [x] intercom\r\n- [x] hotjar\r\n\r\n**Payments**\r\n- [x] lemon-squeezy\r\n- [x] stripe\r\n\r\n**Tracking**\r\n\r\n- [x] meta-pixel\r\n- [x] google-tag-manager\r\n- [x] segment\r\n- [x] x-pixel\r\n\r\n**Util**\r\n- [x] npm\r\n- [x] :question: Drop the confetti script and replace it with just a usage example of `npm` \r\n",[],"scripts","Public Release Tasks","2024-05-09T07:44:16Z","https://github.com/nuxt/scripts/issues/30",{"description":3244,"labels":3245,"number":3253,"owner":3178,"repository":3178,"state":3216,"title":3254,"updated_at":3255,"url":3256,"score":3257},"\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_",[3246,3247,3250],{"name":3202,"color":3203},{"name":3248,"color":3249},"needs reproduction","FBCA04",{"name":3251,"color":3252},"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.6649238,{"description":3259,"labels":3260,"number":3261,"owner":3178,"repository":3215,"state":3216,"title":3262,"updated_at":3263,"url":3264,"score":3265},"The Nuxt Icon module supports local bundling out-of-the-box, and the client bundle is enabled by default. However, when running `nuxt generate`, the icon bundles are still being loaded from the Iconify CDN instead of using the local bundles.\n\nThe documentation already mentions that when `ssr: false`, you need to set `provider: \"server\"` if you want to use local collections.\n\nSince `nuxt generate `is equivalent to `ssr: false` (as it's generating a static site), it would be helpful to mention this in the documentation explicitly.\n\nThis clarification would benefit both developers and tools like LLMs, helping to make the integration smoother.\n\n# Reproduce\n@nuxt/ui: 2.20.0 (which include @nuxt/icon 1.10.3)\nnuxt.config.ts\n```\nexport default defineNuxtConfig({\n modules: ['@nuxt/ui'],\n icon: {\n customCollections: [\n {\n prefix: 'postpilot',\n dir: resolve(__dirname, 'assets/postpilot-icons'),\n },\n ],\n },\n})\n```",[],403,"Docs: Highlight the need to use provider: 'server' when using 'nuxt generate'","2025-06-15T00:09:19Z","https://github.com/nuxt/icon/issues/403",0.67010385,{"description":3267,"labels":3268,"number":3276,"owner":3178,"repository":3179,"state":3216,"title":3277,"updated_at":3278,"url":3279,"score":3280},"### 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```",[3269,3270,3273],{"name":3172,"color":3173},{"name":3271,"color":3272},"v3","49DCB8",{"name":3274,"color":3275},"upstream","78bddb",3347,"failed to load icon `heroicons:moon-20-solid` on Vercel deployment","2025-08-07T11:29:01Z","https://github.com/nuxt/ui/issues/3347",0.670633,["Reactive",3282],{},["Set"],["ShallowReactive",3285],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fcn6dtkV_9xgV_RMXJ3_lwUR7DcIBj6hmo8NjC6R_zMI":-1},"/nuxt/ui/5142"]