@nuxt/ui 3.0.0-alpha.8

v3.0.0-alpha.8

on Node.js NPM

✨ Highlights

Vue compatibility

In #2416 by @danielroe, you can now use Nuxt UI in any Vue project without Nuxt: https://ui3.nuxt.dev/getting-started/installation/vue

Nuxt Devtools

In #2196 by @romhml, you can now preview the Nuxt UI components in the Nuxt Devtools, edit their props and copy the code to use in your app.

Lucide Icons

We migrated from heroicons to lucide icons in #2540, you can configure all your icons at once if you want to switch back: https://ui3.nuxt.dev/getting-started/icons#theme

🚀 Features

• Avatar: infer width / height on <img> based on size prop (c9adf33)
• Avatar: use NuxtImg component when available (f1a14dd), closes nuxt/ui#2078
• Badge: handle icon and avatar props (#2497) (2d52834)
• components: improve RTL support (#2433) (94c4918)
• DropdownMenu/ContextMenu: handle color field in items (#2510) (f66c96e)
• InputMenu/Select/SelectMenu: arrow prop implementation (#2503) (f26f6c8)
• Kbd: special keys for macOS and other systems (#2494) (332c6c0)
• module: add support for vue using unplugin (#2416) (d4a943e)
• module: devtools integration (#2196) (701c75a)
• NavigationMenu: add item-content slot (b5ca0d9)
• Table: customize header and cell through slots (#2457) (ef561e7)
• theme: migrate from heroicons to lucide (#2540) (a6c1a6c)

🐛 Bug Fixes

• ButtonGroup: merge class with theme (d980115), closes nuxt/ui#2498
• Carousel: add missing aria-label on dots (#2489) (03dd1eb)
• Chip: proxy attrs to slot (8669553), closes nuxt/ui#2484
• components: missing relative imports (1a93d13), closes nuxt/ui#2515
• InputMenu/Select/SelectMenu: improve types (#2471) (db8111d)
• InputMenu/SelectMenu: fast-deep-equal import (309e52f), closes nuxt/ui#2488
• module: add fast-deep-equal in optimizeDeps (0bfe2b6)
• module: define #build/app.config (12ae20d), closes nuxt/ui#2532
• NavigationMenu: add missing min-w-0 to make truncate work (#2476) (1402436)
• NavigationMenu: enforce data-orientation (64ad4b6)
• NavigationMenu: improve generic types (#2482) (fc2015b)
• Table: types in undeclared slots (#2544) (f821e66)
• Tabs: same behaviour between pill and link variants (e592da2), closes #2338
• templates: type error in app config (77d18d8), closes nuxt/ui#2481
• useKbd: hydration issue (845f85a), closes #2494
• utils: improve escapeRegExp function (a97c511)

👋 New Contributors

• @yassilah made their first contribution in #2471
• @madebyfabian made their first contribution in #2489
• @hywax made their first contribution in #2457

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