-
Notifications
You must be signed in to change notification settings - Fork 932
Description
Environment
- Operating System: Windows
- Node Version: v20.19.0
- Nuxt Version: 3.16.2
Is this bug related to Nuxt or Vue?
Nuxt
Version
v3.1.1
Reproduction
- install the latest version
bun add @nuxt/ui@latest - remove cache and node modules
bun nuxi cleanuprm .\node_modules\ - then install
bun install
In nuxt.config.ts add a custom prefix { ui: { prefix: "Ob" } }
and use the CheckboxGroup component as mentioned in docs (and dont forget your custom prefix).
Ex: <ObCheckboxGroup class="bg-red-200" variant="card" :default-value="['System']" :items="items" />
Finally run the code and you will see nothing will show.
Description
I inspected the Dom and noticed <ucheckbox id="v-0-0-0-3-0-0:System" label="System" disabled="false" value="System"></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.
Additional context
No response