@nuxt/ui 3.0.0-alpha.9

v3.0.0-alpha.9

on Node.js NPM

This released is based on latest tailwindcss@4.0.0-alpha.34 and radix-vue@1.9.10.

✨ Highlights

Internationalization (i18n)

Nuxt UI v3 now supports internationalization for Nuxt and Vue with automatic direction (ltr / rtl) and already 12 locales translated.

You can read more on https://ui3.nuxt.dev/getting-started/i18n/nuxt

InputNumber

A new InputNumber component based on https://www.radix-vue.com/components/number-field.html.

You can read more on https://ui3.nuxt.dev/components/input-number

PinInput

A new PinInput component based on https://www.radix-vue.com/components/pin-input.html

You can read more on https://ui3.nuxt.dev/components/pin-input

🚀 Features

• css: add --ui-bg-muted / --ui-border-muted variables (7f6db45)
• Form: apply transformations (#2550) (75c5e87)
• FormField: add error-pattern prop (#2601) (143612e)
• InputMenu/SelectMenu: add create-item prop (#2472) (f516d7b)
• InputNumber: implement component (#2577) (bd2f077)
• Link: allow partial query match for its active state (#2664) (7329900)
• locale: add Persian language (#2682) (14fb21b)
• locale: add Polish language (#2678) (2fc36c8)
• locale: add support for Arabic (#2582) (602a667)
• locale: add support for Czech (#2593) (4889d30)
• locale: add support for Italian (#2583) (4fbbb25)
• locale: translate Chinese (#2580) (febda5c)
• locale: translate Spanish (#2644) (8ed434c)
• module: support i18n in components (#2553) (2636240)
• NavigationMenu: control items open & defaultOpen on vertical (30218f1), closes #2608
• PinInput: implement component (#2570) (95aa6f6)
• Popover: add prevent-close prop (ea97759), closes #2245
• SelectMenu: use UInput in search to handle props like icon (ff1e079), closes #2021
• Table: add caption prop (446f9c1)

🐛 Bug Fixes

• App: missing vue imports (ddb4690)
• App: remove dir prop (#2630) (7cc26d0)
• Breadcrumb/Carousel/Pagination: handle icons in RTL mode (#2633) (e5119a9)
• Breadcrumb: render as nav (756f791), closes #2649
• Button: improve neutral solid variant hover (8d85498)
• Carousel: use dir from locale (#2647) (1fbbfe8)
• ContextMenu/DropdownMenu: relative imports with prefix (47f58f5)
• css: --font-family-sans renamed to --font-sans (#2680) (b2fa657)
• css: remove useless spacing override (8d00265)
• FormField: missing conditions to apply container classes (#2631) (9241ba1)
• Form: match error-pattern on input validation (#2606) (3584a33)
• InputMenu/SelectMenu: init filter with labelKey (18931ac)
• InputMenu/SelectMenu: look in items only with value-attribute (0ceafe1), closes #2464
• InputMenu/SelectMenu: multiple not working with generic boolean casting (503f701), closes #2541
• InputMenu/SelectMenu: use isEqual from ohash (f943f88)
• Link: missing relative import (#2588) (95a0bbc)
• Modal/Slideover: prevent esc with prevent-close prop (9e2cc5b), closes #2501
• module: remove fast-deep-equal in favor of custom isEqual (37a3597)
• module: skip devtools renderer page injection if router integration is disabled (#2571) (afe4003)
• Textarea: autoresize does not work when initializing modelValue (#2681) (d3a079a)
• Toaster: teleport to body (b0be26d), closes #2404
• Toast: unreachable behind overlays (#2650) (0daac5b)

👋 New Contributors

• @BlackWhite2000 made their first contribution in #2580
• @yeonjulee1005 made their first contribution in #2588
• @adamkasper made their first contribution in #2593
• @Akryum made their first contribution in #2631
• @AaronDewes made their first contribution in #2676
• @tkmcc made their first contribution in #2680
• @mehotkhan made their first contribution in #2682

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