v3.8.0

v3.8.0 (Andromeda)

🏅 Component promotions

The following components have been promoted to the core framework from labs:

• VNumberInput
• VSnackbarQueue

💯 Release notes

🚀 Features

• border: add new class border-current for currentColor (e0bbf57)
• framework: add unmount function (5d9db2c), closes #20429
• framework: allow tag prop to accept component definitions (327a2c9), closes #20806
• framework: require vue 3.5 (8c5a2b9)
• nested: add trunk select strategy (ca38ce3), closes #6759
• theme: add stylesheetId and scope options (#20789) (794a2e6), closes #4065
• types: expose public interfaces (44be603), closes #16680 #19723 #21052
• VAutocomplete/VCombobox: support multiple match highlighting (#16462) (9da6442), closes #18946
• VChip: add new prop baseColor (#20702) (1e099f2), closes #19678
• VColorPicker: support emitting rgb() and hsl() strings (a5efcf1), closes #20944
• VConfirmEdit: add new prop hideActions (9618326), closes #20905
• VDataTable: support shift click for multiple selection (c9a2a22), closes #20055
• VDataTableVirtual: expose scrollToIndex (#21006) (526f160)
• VDatePicker: add new prop controlHeight (6090515)
• VDatePicker: add new prop headerColor (fcf392b)
• VDatePicker: add rtl classes (a9ad813)
• VField/VInput: add new props iconColor and glow (#21076) (409fa95), closes #17763
• VIcon: add new prop opacity (499ba21)
• VNumberInput: promote from labs (11efba2)
• VSnackbarQueue: promote from labs (aa8d4c9)
• VTimeline: add side prop for individual items (#20855) (1c65f8f), closes #19363
• VTooltip: add new prop interactive (1599512), closes #19473
• VVirtualScroll: add new prop itemKey (fabc511), closes #20809

🔧 Bug Fixes

• blueprints/md1/md2/md3: set VDatePicker defaults (d9c8918)
• build: use subpath exports in import maps (90986f2)
• calendar: don't allow selecting dates outside of weekdays prop (b1f270b), closes #19718
• framework: replace getUid with vue's useId (cbd14a7), closes #19696
• package: fix missing types and simplify exports (#21104) (7811fdd)
• package: add .mjs -> .js export redirect (d06119b)
• types: support moduleResolution node16 (011be15)
• types: optimise build (#20484) (bf13ecc), closes #20480
• VAutocomplete: clear input searchterm on blur (#21130) (05076ce), closes #20993
• VColorPicker: disable EyeDropper when component is disabled (#21180) (0a25791), closes #21179
• VDataTableVirtual: add missing thead, tbody, tfoot slots (#19072) (b6db70d)
• VEmptyState: pass href/to props to VBtn (#21172) (4575be2), closes #21170
• VField: min-height calculation incorrect (3d09d1c)
• VList: ignore input element interactions (#20881) (f54ca9a), closes #20523
• VTimeline: alignment consistency (#20876) (2d3ddd5)
• VVirtualScroll: don't fully deep watch items (70db0c7), closes #19941 #20608

🔬 Code Refactoring

• VColorPicker: implement VPicker (5530832)
• VDatePickerMonth: remove VDefaultsProvider usage (d96798a)
• VField: default slot fallback (#21074) (0a8528a)

🧪 Labs

• rules: add useRules composable (#18332) (f7d9377)
• VDateInput: remove blur on selection entirely (6acf68c)
• VDateInput: Always enable cancel button (#21154) (a477e71), closes #20226
• VDateInput: prevent crash when pressing enter during text input (...

v3.7.19

🔧 Bug Fixes

• framework: replace hasOwn with hasOwnProperty (227ba8e)
• VDataTableRow: provide correct defaults for special slots (#21071) (a5e2de1)
• VDatePicker: use adapter date in onMultipleClick (#21091) (0b1dc46), closes #21090

🔬 Code Refactoring

• VIcon: swap provideTheme with useTheme (633e7c2)

🧪 Labs

• VDateInput: prevent mobile keyboard showing (#21141) (a9f9897), closes #20580
• VDateInput: add new display-format prop (d177272)
• VDateInput: add missing save / cancel events (5ce8ec8)

v3.8.0-beta.0

Documentation: https://dev.vuetifyjs.com

🚀 Features

• framework: add unmount function (5d9db2c), closes #20429
• framework: allow tag prop to accept component definitions (327a2c9), closes #20806
• framework: require vue 3.5 (8c5a2b9)
• nested: add trunk select strategy (ca38ce3), closes #6759
• theme: add stylesheetId and scope options (#20789) (794a2e6), closes #4065
• types: expose public interfaces (44be603), closes #16680 #19723 #21052
• VAutocomplete/VCombobox: support multiple match highlighting (#16462) (9da6442), closes #18946
• VChip: add new prop baseColor (#20702) (1e099f2), closes #19678
• VColorPicker: support emitting rgb() and hsl() strings (a5efcf1), closes #20944
• VConfirmEdit: add new prop hideActions (9618326), closes #20905
• VDataTable: support shift click for multiple selection (c9a2a22), closes #20055
• VDataTableVirtual: expose scrollToIndex (#21006) (526f160)
• VDatePicker: add new prop controlHeight (6090515)
• VDatePicker: add new prop headerColor (fcf392b)
• VDatePicker: add rtl classes (a9ad813)
• VField/VInput: add new props icon-color and glow (#21076) (409fa95), closes #17763
• VNumberInput: promote from labs (11efba2)
• VSnackbarQueue: promote from labs (aa8d4c9)
• VTimeline: add side prop for individual items (#20855) (1c65f8f), closes #19363
• VTooltip: add new prop interactive (1599512), closes #19473
• VVirtualScroll: add new prop itemKey (fabc511), closes #20809

🔧 Bug Fixes

• blueprints/md1/md2/md3: set VDatePicker defaults (d9c8918)
• build: use subpath exports in import maps (90986f2)
• framework: replace getUid with vue's useId (cbd14a7), closes #19696
• package: fix missing types and simplify exports (#21104) (7811fdd)
• package: add .mjs -> .js export redirect (d06119b)
• types: support moduleResolution node16 (011be15)
• types: optimise build (#20484) (bf13ecc), closes #20480
• VDataTableVirtual: add missing thead, tbody, tfoot slots (#19072) (b6db70d)
• VList: ignore input element interactions (#20881) (f54ca9a), closes #20523
• VTimeline: alignment consistency (#20876) (2d3ddd5)
• VVirtualScroll: don't fully deep watch items (70db0c7), closes #19941 #20608

🔬 Code Refactoring

• VColorPicker: implement VPicker (5530832)
• VDatePickerMonth: remove VDefaultsProvider usage (d96798a)

🧪 Labs

• rules: add useRules composable (#18332) (f7d9377)
• VPicker: add new prop divided (ea25366)

v3.7.18

🔄 Reverts

• Revert "refactor(VDatePickerMonth): remove useless VDefaultsProvider" (6fb2336)

v3.7.17

🔧 Bug Fixes

• theme: support unhead v2 (#21106) (5efcacb), closes #21112
• VToolbar: don't force full width when using floating prop (0aea286)

🔬 Code Refactoring

• VField: replace filterFieldProps with filterProps (b8a8bc2), closes #21087

🧪 Labs

• VDateInput: handle empty model onKeydown (84746fb)

v3.7.16

🔧 Bug Fixes

• framework: accept string | number | boolean in text props (c1a0bb1)
• VDataTable: use width as minWidth for multiple fixed columns (c2574c8), closes #21063
• VOverlay: don't emit keydown.esc if not the top overlay (05ef925)

🔬 Code Refactoring

• framework: explicit number casting (4f6e77f)
• VDatePickerMonth: remove useless VDefaultsProvider (80184e4)

🧪 Labs

• VDateInput: eager load menu on focus (e738692)
• VDateInput: show-adjacent-months by default (dd6ac15)
• VFileUpload: clear internal input when empty (#21038) (010eb32), closes #21029
• VTimePicker: add active state for seconds (#20926) (ed9aa9f)
• VTimePicker: external control over viewMode (#20677) (5f3185e), closes #20671

v3.7.15

🔧 Bug Fixes

• locale: add missing translations for all locales (f9081fe)
• locale: add missing traditional chinese translations (#21027) (b2db7cd)
• VListItem: allow space key in input tag (#21032) (2dd6747), closes #21030
• VOTPInput: enable autofill support (#21062) (038e9f4), closes #18678
• VSlider/RangeSlider: allow mousedown with left button only (#20265) (1bf8a2d), closes #19021

🧪 Labs

• VDateInput: use adapter date (#21043) (64d5eeb), closes #21033
• VFileUpload: divider wrapper width on smaller screens (cc26a99)
• VNumberInput: use useFocus composable for state (41dad8c)
• VNumberInput: support control holding down (#20987) (83aed7b)
• VNumberInput: pass number to rules (cea6d12), closes #21022
• VTreeview: prevent activating link on prepend click (3a1cd02)

v3.7.14

🔧 Bug Fixes

• DateAdapter: update date formats to match interface (#20229) (98003f2), closes #20228
• locale: add missing japanese translations (#21009) (d518fc1)
• VDatePicker: clamp displayed month to min/max (#20999) (fb87527), closes #20287
• VFileInput: closable slotted chips (#20250) (e3ef513), closes #18638

🔬 Code Refactoring

• VTreeview/VTreeviewChildren: pass through density for checkbox btn (a5cd6f3)

🧪 Labs

• VDateInput: add missing slot types (d32fa31)
• VNumberInput: apply precision even when disabled/readonly (#21010) (389be09), closes #21005
• VTreeview: indentation parity with v2 (#21007) (7f02244)

v3.7.13

🔧 Bug Fixes

• nested: prevent parent node activate firing for singleLeaf (#20951) (ea70e18), closes #20946
• VBottomNavigation: flex VBtn evenly when using the grow prop (407bd8e), closes #20493
• VDataTable: allow removal of additional sortings (#20990) (32e5747), closes #20985
• VFileInput: use correct model for validation (5ae1208), closes #20247
• VList/VTreeview: don't change tabindex when isFocused changes (cda9307), closes #19919 #17470
• VSelect: external model reactivity (4df71de), closes #20992 #20997
• VTabs: correct items generic type (3adefb9), closes #20981

🔬 Code Refactoring

• framework: remove redundant pick function (a438986)
• VTreeviewItem: reuse VListItem link and clean-up code (3cbe7a4), closes #19919

🔄 Reverts

• Revert "fix(VNavigationDrawer): don't restrict elementSize when..." (8294e8c)

🧪 Labs

• VDateInput: add missing slot pass-through (4815d05), closes #20060
• VDateInput: disable in disabled forms (#20982) (e0ec39f), closes #20543
• VNumberInput: strict precision (#20252) (fd7cb11), closes #19898
• VNumberInput: ability to hide controls + spacing tweaks (#19908) (3085e1a), closes #19897 #20782
• VTreeview: remove itemType and unused slots (b54db8d), closes #20980

v3.7.12

🔧 Bug Fixes

• VOverlay: don't inherit scrim opacity (4ff8d58), closes #20969
• VRipple: no animation on mobile (#20369) (45e931c), closes #12288
• VSelect: pick props instead of using toRaw (1413d20)
• VSelect: improve selection performance (#20937) (08aa9d4), closes #20703
• VSlider: skip position calculation if element does not exist (1f4f945), closes #19891

🧪 Labs

• VDateInput: do not pass rounded to the picker (#20972) (b5ed84d)
• VDateInput: transform model in / out for VConfirmEdit (#20281) (fac2f99), closes #20146
• VDateInput: forwardRefs and handle local and form level reset (1461d7e), closes #19965