benjamincanac / ui3 Goto Github PK

The useButtonGroup composable need to be implemented in

• (Badge)
• Button
• Input
• InputMenu
• Select
• SelectMenu

https://ui.nuxt.com/components/dropdown#mode

radix-vue/vaul-vue#33

radix-vue/radix-vue#777

This causes an error in the app.config.ts when the selected color is missing.

https://github.com/benjamincanac/nuxt-ui3/blob/main/src/templates.ts#L81

Description

https://www.radix-vue.com/components/navigation-menu.html#indicator

Description

Radix UI uses v-model:checked for Switch and Checkbox components as opposed to modelValue in v2. Currently, the switch component uses checked like radix, and the checkbox component uses modelValue like in the previous version.

We should commit to one behaviour to avoid confusion. I personally find using modelValue simpler.

radix-vue/radix-vue#776

As of right now, the animations are defined inside the <style> block of each component, it would be better to define them inside the @theme when plugins are ready.

This is the goal of modules/dev which call the builder:generateApp hook but when re-running the add templates, the theme import is cached so it writes the same thing inside .nuxt/ui: https://github.com/benjamincanac/nuxt-ui3/blob/main/src/templates.ts#L51.

Description

The progress bar is hard-coded at the moment waiting on radix-vue/radix-vue#840.

When using the Accordion, Breadcrumb, DropdownMenu, NavigationMenu or Tabs component, the slots from items/links should be displayed in the autocomplete.

This is the issue:

type SlotProps<T> = (props: { item: T, index: number }) => any

export type Slots<T> = {
  default: SlotProps<T>
} & {
  [key in T['slot'] as string]?: SlotProps<T>
}

loading prop disable the button for now, we need to ensure this won't close the Dropdown.

Reference: nuxt#1242

Need to be fixed in Tailwind CSS v4.

Size

• DropdownMenu
• ContextMenu
• InputMenu
• Select
• SelectMenu

Color

• DropdownMenu
• ContextMenu
• InputMenu
• Select
• SelectMenu

Description

There is currently an issue that prevents from defining types with an interface: vuejs/core#8457

interface NavigationMenuEmits<T extends NavigationMenuLink> extends NavigationMenuRootEmits {
  select: [event: Event, link: T]
}

const emits = defineEmits<NavigationMenuEmits<T>>()

<NavigationMenuLink @select="emits('select', $event, link)">

In this version, we're only using nuxt-icon module but this create a blink on first load.

Reference: nuxt#1188

https://github.com/radix-vue/vaul-vue

No need to do a URadio I guess?

radix-vue/vaul-vue#38

Description

Useful for NuxtImg

Description

Should we also consider description?

This will use the Label component from radix-vue underneath.

Description

• https://www.radix-vue.com/components/dropdown-menu.html#checkboxitem
• https://www.radix-vue.com/components/dropdown-menu.html#radiogroup