vuetifyjs/vuetify v3.12.0

on GitHub

❗ Breaking

• VTreeview, VList: reworked indentation and spacing in trees and nested lists (#22589) (19ff6ec), closes #22587

🚀 Features

• 🔥 VSelect/VAutocomplete/VCombobox: add menu-header and menu-footer slots (#22414) (480f17d), closes #22400
• color: strip text-* and bg-* to support dynamic utility classes (#17569) (58be6b1)
• icons: add mdi-unocss icon set (#22117) (c380a4a)
• nested: add branch select strategy (4fcb72c), closes #22404
• styles: possibility to opt-out from misc styles (#22405) (77d02f3)
• transition: add hide-on-leave to expand transitions (91eebea), closes #20461
• transitions: add v-expand-both-transition (#22570) (b2cfdd9), closes #22569
• VColorInput, VDateInput: add menu-props pass-through (289933d), closes #22548
• VDataIterator: add items-length prop (#22360) (290836c), closes #19486
• VDataTable: add page-by prop (#22580) (cfdfe21), closes #21880
• VDataTable: add sort-icon prop (#22521) (3bdf0ea), closes #21069
• VDatePicker: support readonly (#22433) (7dc02f3), closes #22282
• VImg: add image-class prop (#22622) (7a34cfa), closes #17229
• VImg: support width="fit-content" to adjust container width to image ratio (#21414) (1be6782)
• VList: add navigation-strategy to control focused item (#22328) (3815eee)
• VListItem: expose isDisabled in slot props (9d92638)
• VOtpInput: add masked prop to hide characters (#20950) (516c5a5), closes #18964
• VOtpInput: add density prop (#22401) (aca7d30)
• VProgressCircular: add reveal prop (#22502) (64e1f32)
• VSlider: show thumb slider value on hover (#22412) (e6971ec), closes #19167
• VToolbar: add location prop (#22608) (dde8521), closes #21458 #22600 #21471
• VTreeview: add indent-lines-color, indent-lines-opacity (5e718ad), closes #21807
• VWindow: Add support for keyboard controls (#22430) (ab5b671), closes #11544

🔧 Bug Fixes

• router: ensure reactivity for dynamic to prop in useLink (e9e8123)
• styles: skip VRow/VCol styles when using only VContainer or VSpacer (f899803)
• transitions: avoid collapsing width with default expand transition (1ce59af), closes #22570
• v-intersect: re-mount on prop updates (#22556) (6262290 + 23603a5), closes #22554

🧪 Labs

• ✨ VCommandPalette: add new component (#22403) (2d4d0df)
• ✨ VAvatarGroup: add new component (#22495) (744978b)
• VColorInput: open picker at readonly (#22474) (418efed), closes #22473
• VDateInput: enable opening picker when readonly (#22434) (c045f1f), closes #22116