\n\u003C/template>\n```\n\nI think created items should emit `change` so we can validate them properly.\n\nAdditionally, because of https://github.com/nuxt/ui/issues/3736,the field always starts in an error state when a new item is created in certain conditions (regardless of whether the item meets the schema's requirements or not).\n\n------\n\nCurrent workaround is to run the validation manaully on a field after mutating the model:\n\n```ts\nasync function onCreate(item: string) {\n selected.value = item\n\n await formRef.value?.validate({ name: 'fieldName' })\n}\n```",[3019,3022],{"name":3020,"color":3021},"enhancement","a2eeef",{"name":3023,"color":3024},"v3","49DCB8",4139,"nuxt","ui","open","USelectMenu should emit 'change' after creating an item","2025-05-13T09:15:02Z","https://github.com/nuxt/ui/issues/4139",0.72500974,{"description":3034,"labels":3035,"number":3039,"owner":3026,"repository":3040,"state":3041,"title":3042,"updated_at":3043,"url":3044,"score":3045},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.4\n- Nitro Version: 2.11.3\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: devtools, compatibilityDate\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-4czkz34t?file=components%2FMyComponent.vue,test%2FMyComponent.test.js\n\n### Describe the bug\n\nAfter using `setProps` in a component mounted with `mountSuspended`, using `$emit` inside a method will emit the event twice, which can be checked with `wrapper.emitted()`. This behaviour does not exist when using `mount()`. Please see reproduction link.\n\nA workaround is to use the `$emit` directly in the `@click` attribute, like this:\n\n```\n\u003Cbutton @click=\"$emit('test', 'a')\">test\u003C/button>\n```\n\nBut this is not sufficient if a method needs to be called that does other things as well besides emitting.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3036],{"name":3037,"color":3038},"pending triage","5D08F5",1176,"test-utils","closed","Component mounted with mountSuspended emits events twice after setProps was called","2025-06-17T09:02:32Z","https://github.com/nuxt/test-utils/issues/1176",0.7317628,{"description":3047,"labels":3048,"number":3056,"owner":3026,"repository":3027,"state":3041,"title":3057,"updated_at":3058,"url":3059,"score":3060},"### Description\n\nIt would be great if the form component could emit an update event if the state has changed.\n\nWhile we could also use a watcher on the state in most cases, in some cases this can trigger a false positive based the current implementation. This could be prevented by emitting a dedicated change event.\n\n### Additional context\n\n_No response_",[3049,3050,3051,3054],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3052,"color":3053},"closed-by-bot","ededed",{"name":3055,"color":3053},"stale",3723,"Form: Emit changes","2025-07-30T02:13:35Z","https://github.com/nuxt/ui/issues/3723",0.73359674,{"description":3062,"labels":3063,"number":3067,"owner":3026,"repository":3027,"state":3041,"title":3068,"updated_at":3069,"url":3070,"score":3071},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nDoes anyone know how to increase the width of the modal in `UModal` tag? Thanks in advance!\n\n\n",[3064],{"name":3065,"color":3066},"question","d876e3",2747,"How do I increase the width of the modal in UModal tag","2024-12-05T12:47:38Z","https://github.com/nuxt/ui/issues/2747",0.7428872,{"description":3073,"labels":3074,"number":3079,"owner":3026,"repository":3027,"state":3041,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.4.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: bun@1.2.5\n- Builder: -\n- User Config: devtools, modules, imports, components, css, compatibilityDate, experimental, future\n- Runtime Modules: @nuxt/ui@3.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/recursing-browser-klwx46\n\n### Description\n\nWhen a `SelectMenu` is wrapped in a custom component which is then consumed by `FormField` validation is triggered for an instant before the component goes back to its valid state.\n\nI've tried to debug a bit and I think it's related to the fact that the `SelectMenu` uses `Input` and that input is firing a `change` event because it uses `useFormField`, even though that particular input should not be considered the \"form field\" in this instance.\n\n### Additional context\n\nhttps://github.com/user-attachments/assets/75e8c84f-612e-48f0-bf9e-dcc1fe95ffcd\n\nI'd like to open a PR and fix this myself but I'm not sure what the best approach it. Maybe `Input` could take a prop that allows it to not fire form events? i.e. `ignore-form-events=\"true\"` so the SelectMenu would use it. This could also apply for other components that use primitive form inputs inside them (Command, InputMenu) etc.\n\n### Logs\n\n```shell-script\n\n```",[3075,3078],{"name":3076,"color":3077},"bug","d73a4a",{"name":3023,"color":3024},3736,"[USelectMenu] Validation events are triggered before change when wrapped in a custom component","2025-05-14T17:24:48Z","https://github.com/nuxt/ui/issues/3736",0.7450757,{"description":3085,"labels":3086,"number":3092,"owner":3026,"repository":3026,"state":3041,"title":3093,"updated_at":3094,"url":3095,"score":3096},"### Version\r\n\r\n[v2.6.2](https://github.com/nuxt.js/releases/tag/v2.6.2)\r\n\r\n### Reproduction link\r\n\r\n[https://codesandbox.io/s/wn7j570y85](https://codesandbox.io/s/wn7j570y85)\r\n\r\n### Steps to reproduce\r\n\r\nSimply click on button named \"Mounted triggered twice, see console\" and see in console.\r\n(reproducable only with css:false for transition)\r\n\r\n### What is expected ?\r\n\r\nmounted once\r\n\r\n### What is actually happening?\r\n\r\nmounted twice\r\n\r\n### Additional comments?\r\n\r\nThe bug is still present on last release 2.7.1\r\nIt can be fixed quickly ? it's really a brake on client-side performance.\r\n(Related : https://github.com/nuxt/nuxt.js/issues/5616)\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9188\">#c9188\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3087,3089],{"name":3037,"color":3088},"E99695",{"name":3090,"color":3091},"2.x","d4c5f9",5703,"Mounted twice when layout change","2024-08-11T06:44:28Z","https://github.com/nuxt/nuxt/issues/5703",0.74735445,{"description":3098,"labels":3099,"number":3102,"owner":3026,"repository":3027,"state":3041,"title":3103,"updated_at":3104,"url":3105,"score":3106},"### Description\n\nI want to configure my Nuxt UI v3 project only to use black and white colors with the neutral palette from Tailwind, similar to the one found in shadcn. I understand Nuxt UI supports Tailwind CSS theming, but I’m unsure of the best/recommended way to override all component colors globally",[3100,3101],{"name":3065,"color":3066},{"name":3023,"color":3024},3200,"How to create a black & white only theme in Nuxt UI v3","2025-02-09T12:59:38Z","https://github.com/nuxt/ui/issues/3200",0.7522991,{"labels":3108,"number":3113,"owner":3026,"repository":3026,"state":3041,"title":3114,"updated_at":3115,"url":3116,"score":3117},[3109,3111,3112],{"name":3055,"color":3110},"ffffff",{"name":3037,"color":3088},{"name":3090,"color":3091},6198,"Key Events blocked / not working reliably","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6198",0.7523763,{"description":3119,"labels":3120,"number":3121,"owner":3026,"repository":3040,"state":3041,"title":3122,"updated_at":3123,"url":3124,"score":3125},"Hello everyone,\r\n\r\nI have a few questions about Nuxt test-utils.\r\n\r\nMy situation:\r\n\r\n- I have a Vue.js project with Vue test-utils;\r\n- I have a Nuxt.js project where I would like to add testing;\r\n\r\nI'm looking into different options for libraries to test my Nuxt.js project. Ideally, I would like to have something very similar to Vue test-utils, in order to avoid headaches when working on both projects. Nuxt test-utils seems like an interesting option, but I was wondering what are its advantages compared to just using Vue test-utils? Thanks!",[],451,"Question: Vue test-utils vs Nuxt test-utils","2023-12-02T00:13:11Z","https://github.com/nuxt/test-utils/issues/451",0.76140594,{"description":3127,"labels":3128,"number":3133,"owner":3026,"repository":3027,"state":3041,"title":3134,"updated_at":3135,"url":3136,"score":3137},"### 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```",[3129,3130,3131],{"name":3076,"color":3077},{"name":3023,"color":3024},{"name":3132,"color":3110},"triage",4090,"UCheckboxGroup items don't adhere to the custom prefix","2025-05-06T10:15:57Z","https://github.com/nuxt/ui/issues/4090",0.7620684,["Reactive",3139],{},["Set"],["ShallowReactive",3142],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzabwl-xqEeZwbXz-LelCOf_ta3CP1H3mpMy-i8_JmUk":-1},"/nuxt/ui/4176"]