` 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",[3145,3148],{"name":3146,"color":3147},"bug","d73a4a",{"name":3149,"color":3150},"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.7224564,{"description":3160,"labels":3161,"number":3169,"owner":3152,"repository":3153,"state":3154,"title":3170,"updated_at":3171,"url":3172,"score":3173},"### Package\n\nv3.x\n\n### Description\n\nIn most softwares I'm aware of (Discord, Github being 2 examples I checked) escape is shown as 'Esc' or 'ESC' and Nuxt UI should follow this established practice - personally I thought there was a bug when I saw this symbol instead of 'Esc' (clear selection below).\n\n\u003Cimg width=\"222\" height=\"281\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b47a42b5-dd0e-460a-adab-bf9777973219\" />\n\nPerhaps a wider task should be considered to allow a custom label or icon so the user can decide if they want to override any of these extra key captures (enter/up arrow/etc). Delete also for example I would rather show the backspace icon or 'del'.\n\n### Additional context\n\n\u003Cimg width=\"713\" height=\"280\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a3d0e2de-eb10-48cd-821f-846650de9789\" />\n\n\u003Cimg width=\"759\" height=\"385\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c82a7252-4eaf-4faf-ba05-605486e3ae8e\" />",[3162,3165,3168],{"name":3163,"color":3164},"enhancement","a2eeef",{"name":3166,"color":3167},"v3","49DCB8",{"name":3149,"color":3150},4940,"Update Escape Kdb or add optional Kbd labels/icons","2025-09-10T18:22:35Z","https://github.com/nuxt/ui/issues/4940",0.7451821,{"description":3175,"labels":3176,"number":3180,"owner":3152,"repository":3153,"state":3181,"title":3182,"updated_at":3183,"url":3184,"score":3185},"### Environment\n\n- Operating System: Windows \n- Node Version: v20.19.0\n- Nuxt Version: 3.16.2\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\n- install the latest version `bun add @nuxt/ui@latest`\n- remove cache and node modules `bun nuxi cleanup` `rm .\\node_modules\\`\n- then install `bun install`\n\nIn `nuxt.config.ts` add a custom prefix `{ ui: { prefix: \"Ob\" } } `\nand use the `CheckboxGroup` component as mentioned in docs (and dont forget your custom prefix).\nEx: ` \u003CObCheckboxGroup class=\"bg-red-200\" variant=\"card\" :default-value=\"['System']\" :items=\"items\" />`\n\nFinally run the code and you will see nothing will show.\n\n### Description\n\nI inspected the Dom and noticed `\u003Cucheckbox id=\"v-0-0-0-3-0-0:System\" label=\"System\" disabled=\"false\" value=\"System\">\u003C/ucheckbox>` is being used iterated for all the items. I've then inspected the node modules (\"../node_modules/@nuxt/ui/dist/runtime/components/CheckboxGroup.vue\") for that component after a clean install and saw UCheckbox is being directly used inside the CheckboxGroup component. Inside the node_module component, if i swap out UCheckbox with ObCheckbox, then the code will work as expected. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3177,3178,3179],{"name":3146,"color":3147},{"name":3166,"color":3167},{"name":3149,"color":3150},4090,"closed","UCheckboxGroup items don't adhere to the custom prefix","2025-05-06T10:15:57Z","https://github.com/nuxt/ui/issues/4090",0.6854304,{"description":3187,"labels":3188,"number":3194,"owner":3152,"repository":3153,"state":3181,"title":3195,"updated_at":3196,"url":3197,"score":3198},"### Description\n\nHi, in a pure Vue 3 application where I am using Nuxt UI as a plugin in `vite.config`, I have a problem at the client, requests to the api to acquire icons are blocked so the icons do not display, is there any way to access offline / install the icon pack for these icons instead of acquiring them via api request?\n\n### Additional context\n\n_No response_",[3189,3190,3191],{"name":3163,"color":3164},{"name":3166,"color":3167},{"name":3192,"color":3193},"vue","42b883",4167,"Offline icons in Vite configuration","2025-05-28T21:33:03Z","https://github.com/nuxt/ui/issues/4167",0.72722155,{"description":3200,"labels":3201,"number":3206,"owner":3152,"repository":3153,"state":3181,"title":3207,"updated_at":3208,"url":3209,"score":3210},"### Package\n\nv4.0.0-alpha.x\n\n### Description\n\nIt would be nice if the docs [ThemePicker](https://github.com/nuxt/ui/tree/v4/docs/app/components/theme-picker) component became part of NuxtUI directly. If this is something that would be accepted, I can work on creating a pull request.\n\n### Additional context\n\n_No response_",[3202,3203,3204],{"name":3163,"color":3164},{"name":3149,"color":3150},{"name":3205,"color":3167},"v4",4960,"Provide ThemePicker component","2025-09-12T19:45:22Z","https://github.com/nuxt/ui/issues/4960",0.7309584,{"description":3212,"labels":3213,"number":3217,"owner":3152,"repository":3153,"state":3181,"title":3218,"updated_at":3219,"url":3220,"score":3221},"### Description\n\nHey guys,\nThanks to your great job :)\n\nI wanna know if has intention to add a Toggle Switch component in nuxt/ui\n\n\n\n\n\n\n### Additional context\n\n_No response_",[3214,3215,3216],{"name":3163,"color":3164},{"name":3166,"color":3167},{"name":3149,"color":3150},4451,"Toggle Switch","2025-07-03T01:48:56Z","https://github.com/nuxt/ui/issues/4451",0.7326138,{"description":3223,"labels":3224,"number":3228,"owner":3152,"repository":3153,"state":3181,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### Description\n\nHi there. We are moving our app to NuxtUI and we are loving it so far! Really appreciative of all your hard work on this amazing package. Our stack is NuxtUI+Inertia+Rails.\n\nI spent part of my weekend digging into UIcon and Iconify. Pardon my ignorance if I've missed something obvious, I'm new to this part of the ecosystem... I thought it would be useful to put some thoughts in here and collect what I've learned.\n\n1. UIcon/Iconify always load icons from the network (`api.iconify.design`)\n2. It's not really possible to use NuxtUI without relying heavily on UIcon/Iconify due to various icon attributes in the components.\n3. I know unplug-icons and Nuxt have some support for bundled icons, but they don't apply if you are using Nuxt UI standalone.\n\nSee #4167 and others\n\nWe want to bundle our icons to avoid a dependency on api.iconify.design. I ended up writing a script that scanned our app for icon names and builds a custom `icons.json` file. I put some custom icons in there too using `@iconify/tools`... `icons.json` can be loaded into iconify with `addCollection()`. In dev I also warn on missing icons via `setCustomIconsLoader()`.\n\nDoes that sound correct? Are there solutions I'm missing?? I'd be happy to contribute doc updates or whatever if that would be helpful.\n\nThanks again!\n\n### Additional context\n\n_No response_",[3225,3226,3227],{"name":3163,"color":3164},{"name":3166,"color":3167},{"name":3149,"color":3150},4481,"thoughts on UIcon/Iconify","2025-07-10T09:59:29Z","https://github.com/nuxt/ui/issues/4481",0.73381513,{"description":3234,"labels":3235,"number":3236,"owner":3152,"repository":3237,"state":3181,"title":3238,"updated_at":3239,"url":3240,"score":3241},"url(\"data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M20 6c0-2.168-3.663-4-8-4S4 3.832 4 6v2c0 2.168 3.663 4 8 4s8-1.832 8-4V6zm-8 13c-4.337 0-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4v-3c0 2.168-3.663 4-8 4z' fill='black'/%3E%3Cpath d='M20 10c0 2.168-3.663 4-8 4s-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4v-3z' fill='black'/%3E%3C/svg%3E\")\r\n\r\nThe test environment is fine, but the production environment will not be able to display the icon. If I change the https in xmlns to http, it will display.\r\n\r\n\r\n\r\n",[],221,"icon","[Bug] Icon cannot be displayed when used with nuxt-ui","2024-08-11T05:47:37Z","https://github.com/nuxt/icon/issues/221",0.73683596,{"description":3243,"labels":3244,"number":3252,"owner":3152,"repository":3153,"state":3181,"title":3253,"updated_at":3254,"url":3255,"score":3256},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nI have a use case where I'd like this value to be `false`. Would it be possible to make this configurable?\n\n### Additional context\n\nhttps://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/CommandPalette.vue#L30",[3245,3246,3247,3250],{"name":3163,"color":3164},{"name":3149,"color":3150},{"name":3248,"color":3249},"closed-by-bot","ededed",{"name":3251,"color":3249},"stale",2710,"[CommandPalette] Make the `hold` prop of ComboboxOptions configurable","2025-06-18T09:05:43Z","https://github.com/nuxt/ui/issues/2710",0.7383693,{"description":3258,"labels":3259,"number":3268,"owner":3152,"repository":3152,"state":3181,"title":3269,"updated_at":3270,"url":3271,"score":3272},"adding:\r\n\r\nhttps://github.com/FormidableLabs/webpack-dashboard\r\nhttps://github.com/FormidableLabs/electron-webpack-dashboard\r\n\r\nwould be a nice touch to the dev experience in nuxt.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1714\">#c1714\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3260,3262,3265],{"name":3163,"color":3261},"8DEF37",{"name":3263,"color":3264},"good first issue","fbca04",{"name":3266,"color":3267},"2.x","d4c5f9",1918,"Proposal: Add Webpack dashboard to dev server","2023-02-06T11:25:04Z","https://github.com/nuxt/nuxt/issues/1918",0.73922735,["Reactive",3274],{},["Set"],["ShallowReactive",3277],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f90DDYoAQRqKnZ2T3iCsyZtJOT9vfzRJ6R1B-4PnrlYQ":-1},"/nuxt/ui/4039"]