🚀 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

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

⚠️ Breaking Changes

• Input: redesign file type without absolute positioning (#1712)

🚀 Features

• InputMenu/SelectMenu: allow lazy search (#1705) (7e6ba78)
• module: HMR support with @nuxtjs/tailwindcss (#1665) (821e15b)
• Table: allow providing a <caption> (#1680) (3fca668)
• useToast: allow clearing all notifications (#1695) (82d619b)

🐛 Bug Fixes

• Breadcrumb: pass click event to ULink (5481dab)
• Input: redesign file type without absolute positioning (#1712) (ed5c74d)
• Notification: update timer when timeout prop changes (#1673) (cba9ad7)
• Slideover: export and clean types (#1692) (bd3fa86)
• Table: provide aria-sort for sortable table headings (#1675) (6f60fa9)

👋 New Contributors

• @DamianGlowala made their first contribution in #1659
• @MoritzBru made their first contribution in #1695
• @guylil made their first contribution in #1749

Full Changelog: v2.15.2...v2.16.0

🚀 Enhancements

• Accordion: add unmount prop to allow lazy mounting for heavy components (#1590) (91e5002)
• Table: add checkbox ui config (#1409) (8b54660)

🐛 Bug Fixes

• Breadcrumb: missing min-w-0 on wrapper to truncate (9f01145), closes #1650
• Carousel: next and prev buttons disabled (#1619) (e909884)
• Popover/Dropdown: prevent unintended closure on touchstart in mobile devices (#1609) (2392b4a)
• Modal: wait for transition to complete to reset state (#1618) (2bdb5d2)
• Slideover: remove dynamic component when closing (#1615) (58faa10)
• Slideover: wait for transition to complete to reset state (#1624) (07a4d13)

👋 New Contributors

• @vahid-bagheri made their first contribution in #1609
• @kshitijsubedi made their first contribution in #1619

Full Changelog: v2.15.1...v2.15.2

🚀 Enhancements

• Avatar: add as prop to use NuxtImg underneath (49b73aa), closes #1577

🐛 Bug Fixes

• Checkbox: @change event value (#1580) (c98d6e3)
• Divider: add w-full only on horizontal wrapper (#1565) (bd8b737)
• Dropdown: missing mouseenter event on container (7288953)
• Input/SelectMenu: handle file type and change events (#1570) (878f707)
• Popover: missing mouseenter event on container (8517897), closes #1564

👋 New Contributors

• @qin-guan made their first contribution in #1571
• @shahabbasian made their first contribution in #1565
• @simoncdn made their first contribution in #1580

Full Changelog: v2.15.0...v2.15.1