Releases · nuxt/ui

@kicaj

🚀 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

@yuzh2001

✨ 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

@antfu

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:

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

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.

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

@milos018

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

@DamianGlowala

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

@vahid-bagheri

🚀 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

Releases: nuxt/ui

v2.18.5

🚀 Enhancements

🐛 Bug Fixes

👋 New Contributors

Contributors

Uh oh!

v3.0.0-alpha.1

🚀 Features

🐛 Bug Fixes

Uh oh!

v2.18.4

✨ Highlights

🐛 Bug Fixes

👋 New Contributors

Contributors

Uh oh!

v2.18.3

🐛 Bug Fixes

Uh oh!

v2.18.2

🐛 Bug Fixes

Uh oh!

v2.18.1

🐛 Bug Fixes

Uh oh!

v2.18.0

✨ Nuxt Icon

🚀 Features

🐛 Bug Fixes

👋 New Contributors

Contributors

Uh oh!

v2.17.0

🚀 Features

🐛 Bug Fixes

👋 New Contributors

Contributors

Uh oh!

v2.16.0

⚠️ Breaking Changes

🚀 Features

🐛 Bug Fixes

👋 New Contributors

Contributors

Uh oh!

v2.15.2

🚀 Enhancements

🐛 Bug Fixes

👋 New Contributors

Contributors

Uh oh!