🚀 Features

• module: move colors options into theme.colors (2e95446)

Full Changelog: v3.0.0-alpha.2...v3.0.0-alpha.3

🚀 Features

• Button: loading-auto (#2198) (ed18e74)
• module: improve options (5076b8c)
• module: install @nuxt/fonts by default (8898a5d)

🐛 Bug Fixes

• Button: button link not showing disabled classes (#2189) (7c2adf2)
• Button: duplicate click handlers (#2213) (dd6bf56)

Full Changelog: v3.0.0-alpha.1...v3.0.0-alpha.2

🚀 Enhancements

• Form: add errors slot prop (#2188) (67c6a74)

🐛 Bug Fixes

• Button: button link not showing disabled classes (#2185) (e8ea84a)
• Carousel: remove trailing space in next button icon (#2088) (1282a5f)
• FormGroup: remove id when used with RadioGroup (#2152) (7aec42c)
• Input: avoid binding value when type is file (#2047) (82313e8)
• module: allow CSS variables in tailwind colors (#2014) (7f50c70)
• module: augment @nuxt/schema rather than nuxt/schema (#2171) (ead904f)
• module: consider user tailwind configPath for module as string (#2074) (e4ba4f7)
• Pagination: use links on prev and next button (#2179) (c850f85)
• Slideover: bind rounded class to panel (#2187) (bf32baa)
• Slideover: bind shadow class to panel (#2201) (d22526c)
• Table: checkbox can emit the @select event (#2072) (b1f691f)
• Table: select all rows reactivity issue (#2200) (68124de)
• Tabs: recalculate marker if items change (#2101) (82c4926)
• Textarea: resolve row count calculation errors caused by scrollbar (#2040) (8210936)

👋 New Contributors

• @kicaj made their first contribution in #2046
• @samuelbelo made their first contribution in #2084
• @Eazash made their first contribution in #2047
• @jonataw made their first contribution in #2101
• @vanngoh made their first contribution in #2072
• @Mini-ghost made their first contribution in #2040
• @emmanuel-ferdman made their first contribution in #2154
• @malik-jouda made their first contribution in #2187
• @husamMousa made their first contribution in #2200

Full Changelog: v2.18.4...v2.18.5

🚀 Features

• module: hard-code css file to be imported anywhere (62a2643)

🐛 Bug Fixes

• ContextMenu/DropdownMenu: lint unused var (a03a55c)
• import from ../types/index (3e28c8f)
• Link: only bind necessary slot props (7fe7ff6)
• NavigationMenu: handle open state hover effect (84186e5)
• plugins: infer type from #app to remove build warning (debf9cc)
• templates: augment @nuxt/schema rather than nuxt/schema (40b3570)
• types: no longer need to import types with /index suffix (8277167)
• useButtonGroup: lint (97d0593)

Full Changelog: v3.0.0-alpha.0...v3.0.0-alpha.1

✨ Highlights

This patch release should reduce the overall CSS bundle size significantly thanks to #2005.

🐛 Bug Fixes

• Form: submit event data (#2012) (4d61936)
• module: handle nested colors from ui config (#2008) (1cc7e2a)
• module: reduce css bundle size by fixing safelist regex (#2005) (8ac9ca4)
• module: suffix types imports with /index (7e37668), closes #2018
• Tabs: use nextTick before marker calc (#2020) (9c04969)
• useFormGroup: app config default input size (#2011) (3485092)

👋 New Contributors

• @yuzh2001 made their first contribution in #2005
• @xuzuodong made their first contribution in #2020

Full Changelog: v2.18.3...v2.18.4

🐛 Bug Fixes

• Link: define rel as any (69f605f)
• types: only use .ts for index (93ddf1d)

Full Changelog: v2.18.2...v2.18.3

🐛 Bug Fixes

• Tabs: add missing UIcon import (4fd1be2)

Full Changelog: v2.18.1...v2.18.2

🐛 Bug Fixes

• components: use relative imports (ea721a3)

Full Changelog: v2.18.0...v2.18.1

Read our updated documentation on https://ui.nuxt.com/.

✨ Nuxt Icon

In the last couple of weeks, nuxt-icon went through a complete rewrite made by @antfu and is now officially called @nuxt/icon.
It now works much better with SSR (no flicking on the client side) so we no longer need to rely on Tailwind CSS (@egoist/tailwindcss-icons) to bundle icons. You can check nuxt/icon#154 for more details.

This implies a few breaking changes but is a big step towards v3:

1. the ui.icons module option (nuxt.config.ts) is removed

You no longer need to specify which Iconify collection you want to use as @nuxt/icon discovers them automatically. You can remove it safely if you used it with an array of collection or with all. Nuxt Icon will also automatically warn you if you didn't install a @iconify-json collection.

If you used it as an object to provide custom collections, you can now use the icon key in your nuxt.config.ts: https://github.com/nuxt/icon?tab=readme-ov-file#custom-local-collections

2. the dynamic prop (<UIcon /> component) and the ui.icons.dynamic option (app.config.ts) are removed

The dynamic prop was introduced in https://github.com/nuxt/ui/releases/tag/v2.11.0 to use nuxt-icon instead of the default behaviour with @egoist/tailwindcss-icons. It was useful when using dynamic class names or for icons coming from a database for example.

You no longer need this as @nuxt/icon will automatically fallback to Iconify API when the requested icon is not bundled.

3. nuxtIcon option has been renamed to icon (app.config.ts)

When using the dynamic mode (nuxt-icon), you might have used the nuxtIcon key in your app.config.ts. In Nuxt Icon v1, this has been renamed to icon: https://github.com/nuxt/icon?tab=readme-ov-file#configuration-%EF%B8%8F

🚀 Features

• Checkbox/Radio/RadioGroup: add help slot (c3122f7), closes #1957
• CommandPalette: handle static groups (#1458) (b264ad2)
• Icon: migrate from @egoist/tailwindcss-icons to new @nuxt/icon (#1789) (c904604)
• module: improve app config types autocomplete (#1870) (3f8ea5d)
• RadioGroup: add selected to label slot props (#1587) (d18477d)
• SelectMenu: add selected to label / leading / trailing slots props (#1349) (6b216ca)
• SelectMenu: handle function in showCreateOptionWhen prop (#1853) (7e974b5)
• Skeleton: add as prop (#1955) (bce94db)
• Table: expand row (#1036) (7155318)
• Table: handle rowClass property in columns (#1632) (748e491)
• Tabs: handle icon in items (#1798) (e8eb394)

🐛 Bug Fixes

• Accordion: truncate buttons (5db18c0), closes #1909
• Alert/Notification: missing margin on description (2c55fb6), closes #1959
• Breadcrumb: use rotate on rtl icon (53003fc)
• ButtonGroup/FormGroup: pass default sizes to children (#1875) (6b6b03d)
• Carousel: remove mix-blend-overlay on indicators (#1714) (f74f1df)
• FormGroup: don't check for error slot so help slot can render (#1888) (99c52e5)
• InputMenu/SelectMenu: invalid label with value-attribute and async search (4d5f250), closes #1780
• InputMenu/SelectMenu: prevent double filter with async search (e2881d3), closes #1966
• Link: allow ariaLabel to be picked (720c44d), closes #1934
• Progress: pass down attrs to <progress> to improve accessibility (#1881) (abd13f1)
• RadioGroup: allow boolean in modelValue prop (#1913) (8eca5a0)

👋 New Contributors

• @murichristopher made their first contribution in #1877
• @biering made their first contribution in #1922
• @Trobyss made their first contribution in #1913
• @RihanArfan made their first contribution in #1942
• @davestewart made their first contribution in #1870
• @aautcq made their first contribution in #1953
• @vratier made their first contribution in #1853
• @abeldotam made their first contribution in #1798
• @galexrt made their first contribution in #1632
• @EvertonWingert made their first contribution in #1036

Full Changelog: v2.17.0...v2.18.0

Read our updated documentation on https://ui.nuxt.com/.

🚀 Features

• Alert: add actions slot (#1785) (c8dd71c)
• Form: update and migrate valibot to v0.31.0 (#1848) (1d5bd89)
• Notification: allow ring customization with {color} (#1830) (3ebff4d)
• Slideover: handle top and bottom side (#1834) (50ad14f)
• Tabs: add content prop to avoid the render of the HTML markup (#1831) (6e2678d)

🐛 Bug Fixes

• Alert/Notification: use div for description (e8898d1), closes #1551
• Alert: base style not applied on icon (#1859) (f65aefb)
• Breadcrumb: allow aria-current to be overrideable (ebfb835), closes #1856
• Carousel: prevent mouse click when dragging (#1781) (4f0d00f)
• CommandPalette: hide empty-state when null (249bbd4), closes #1787
• Form: maintain other errors when using setErrors with a path (#1818) (06990be)
• Input: hide wrapper when type is hidden (#1797) (e7c2f78)
• Link: typo in exactHash type (581b470), closes #1767
• SelectMenu: wrong placeholder color when modelValue is an empty string (9b9ccdb), closes #1862
• Select: remove defaults for value and text (6c124bb), closes #1702

👋 New Contributors

• @milos018 made their first contribution in #1777
• @khaledOghli made their first contribution in #1828
• @networdai made their first contribution in #1830
• @emavitta made their first contribution in #1831
• @fabian-hiller made their first contribution in #1848
• @eduardo-faith made their first contribution in #1797
• @ThibaultVlacich made their first contribution in #1859

Full Changelog: v2.16.0...v2.17.0