@nuxt/ui 3.0.0-alpha.10

v3.0.0-alpha.10

on Node.js NPM

✨ Highlights

Reka UI

With #2448, Nuxt UI v3 is now using Reka UI v1.0.0-alpha.6: the new major of Radix Vue which brings significant improvements.

However, there are a few breaking changes:

Checkbox

• The indeterminate prop has been removed in favor of v-model / default-value: boolean | "indeterminate"

CommandPalette

• The filter field on groups has been renamed to ignoreFilter for consistency

InputMenu/SelectMenu

• The filter prop has been removed in favor of ignore-filter & filter-fields
• The create-item prop no longer assign to v-model to provide more flexibility when working with objects. You have to do it yourself in the @create event which now receive only the typed string as argument.

Tabs

• The content of inactive items is no longer rendered when unmounted by default, use :unmount-on-hide="false" to get the same result

You can read the Reka UI migration guide if you're interested: https://reka-ui.com/docs/guides/migration#form-component although most of the changes have been done internally.

Calendar

A new Calendar component has been introduced: https://ui3.nuxt.dev/components/calendar

ColorPicker

A new ColorPicker component has been introduced: https://ui3.nuxt.dev/components/color-picker

Stepper

A new Stepper component has been introduced: https://ui3.nuxt.dev/components/stepper

🚀 Features

• Avatar: add default slot for fallback (b741ef3)
• Calendar: add icon props (#2778) (0f64802)
• Calendar: implement component (#2618) (2e9aeb5)
• ColorPicker: implement component (#2670) (e475b64)
• CommandPalette: add active field on items for consistency (3765537)
• css: use color-scheme utilities on body (a2512f6)
• i18n: add Dutch locale (#2728) (3baddfd)
• i18n: add Turkish locale (#2716) (de8228e)
• locale: add Brazilian Portuguese language (#2825) (b7ff7d8)
• locale: add Japanese language (#2794) (ecc4755)
• locale: add Portuguese language (#2855) (8b5d412)
• locale: add Slovak language (#2821) (68a10f0)
• locale: translate Korean (#2703) (2cbf83e)
• module: migrate to reka-ui (#2448) (81ac076)
• NavigationMenu: handle item.trailingIcon display (4b653ef)
• Stepper: new component (#2733) (6484d01)
• Table: handle meta.class on th and td (#2790) (004a577)

🐛 Bug Fixes

• Breadcrumb: missing aria-hidden on presentation items (a7a1227), closes #2725
• Calendar: handle icons in RTL mode (#2770) (e7b69b7)
• Calendar: omit as / asChild props (9478fc0)
• ColorPicker: handle RTL mode (#2858) (f98b91c)
• CommandPalette: keep ignoreFilter groups at their place (#2833) (3b9ca22)
• components: apply class on trigger instead of content when present (a6ecef0), closes #2132
• components: specify collisionPadding to all menus (148b024)
• defineShortcuts: return useEventListener to unregister the listener (80befc1), closes #2031
• devtools: error with renderer when colorMode is disabled (#2792) (f06fbaf)
• Form: resolve async validation in yup & issue directly mutate state (#2702) (c9806da)
• icons: make loading icon clockwise (#2797) (bc2bcb3)
• Link: partial query match for Vue (#2787) (a6c2205)
• locale: improve German translation (#2826) (c440c91)
• Modal: prevent from going out of screen (b7ba2c7), closes #2711
• NavigationMenu: wrong badge class (86f2b48), closes #2766
• Progress: handle horizontal animation in RTL mode (#2723) (0baa3a0)
• Stepper: handle RTL mode (#2844) (198d04d)
• Stepper: missing import (816bb69)
• Table: handle loading animation in RTL mode (#2771) (b1550d5)
• Tabs: prevent hover on disabled (a938d24)
• Tabs: truncate not working (c1ff978)
• types: handle array of strings in AppConfig (#2854) (4b241ba)
• useLocale: update locale import to enable tree shaking (#2735) (3bccb67)

👋 New Contributors

• @hasanmumin made their first contribution in #2716
• @Arcitezz made their first contribution in #2728
• @AnOrdinaryPeople made their first contribution in #2735
• @kotering made their first contribution in #2794
• @jakubkoje made their first contribution in #2821
• @phbe made their first contribution in #2826
• @ChristopheCVB made their first contribution in #2854

Full Changelog: v3.0.0-alpha.9...v3.0.0-alpha.10