Skip to content

UCheckboxGroup items don't adhere to the custom prefix #4090

@OmarBitar

Description

@OmarBitar

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 cleanup rm .\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

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingv3#1289

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions