Update dependency vuetify to v3
This PR contains the following updates:
| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| vuetify (source) | ^2.4.0 -> ^3.0.0 |
Release Notes
vuetifyjs/vuetify (vuetify)
v3.7.1
:wrench: Bug Fixes
- remove vue-i18n peer dependency (6ea68b9), closes #19720
- helpers: only deep merge plain objects (#20284) (8af59fc), closes #20278
- types: only augment module 'vue' (7c8aeef), closes nuxt/nuxt#28542
- VAvatar: remove default border (e821d5d), closes #20345
- VDialog: emit afterEnter before setting focus (7e9a1b7)
- VInfiniteScroll: respect margin when root element is scrollable (b81919d), closes #17583
:test_tube: Labs
v3.7.0
:rocket: Features
- validation: add eager and invalid-input options (7e730fa)
- VAvatar: add border prop support (9dbc30a)
- VBtn: add support for active-color prop (aee83f0)
- VContainer: add dimension support (14a2e8c)
- VExpansionPanelTitle: add dimension support (784eb14)
- VImg: add absolute prop (f842cd9)
- VMenu: add submenu prop (#20092) (306a262), closes #19093 #20130
- VSlideGroup: expose hasNext and hasPrev (#20050) (8ef6ff8)
:wrench: Bug Fixes
- VAutocomplete: allow searching when menu is focused (b9ed79d), closes #17641
- VCardActions: space children with gap instead of margin (2194403), closes #20239 #20262
- VMenu: unregister on unmount (a456502), closes #17094
- VSelect: update visible items when eager is set (7d3557a), closes #19765
:arrows_counterclockwise: Reverts
- Revert "fix(layout): use suspense to delay render of layout items (#15229)" (08c3d4f), closes #15229 #19800
- Revert "fix(VOverlay): position on LTR/RTL after locale switch (#17338)" (3024bb1), closes #17338 #19863
:test_tube: Labs
- VPullToRefresh: add disabled prop (79cc227), closes #20242
- VTreeview: add modelValue which is equivalent to selected (2336637)
- VTreeview: increase v-treeview-item--filtered specificity (39e7c64), closes #19404
- VTreeview: port open-on-click prop to v3 & enhancement (#20038) (cb6b5ff), closes #20009 #20095 #19414 #20106
Changes from v3.7.0-beta.1
:rocket: Features
:wrench: Bug Fixes
:microscope: Code Refactoring
- VSpeedDial: fix type error (4077948)
:arrows_counterclockwise: Reverts
- Revert "fix(layout): use suspense to delay render of layout items (#15229)" (08c3d4f), closes #15229 #19800
:test_tube: Labs
v3.6.15
:wrench: Bug Fixes
- click-outside: correctly remove shadow DOM event listeners (#20273) (9b02b0d), closes #19616
- VFileInput: emit null after VForm reset() (#20207) (6337f52), closes #20101
- VOverlay: close on scrim click in Shadow DOM without activator (#20291) (2c36fff)
- VOverlay: reuse container element in shadow DOM (3ee87ac), closes #20276 #20277
- VSnackbar: handle pointerleave event after transition ends (#20312) (d25879a), closes #20306
-
VSpeedDial: Use
content-class(#20319) (b10c4ab), closes #20051
:test_tube: Labs
- VNumberInput: forward VTextField properties (e1ed75f), closes #20135
- VTreeview: don't expose open (#20192) (40f7197)
-
VTreeview: ignore
typein items (f20636a), closes #19476
v3.6.14
:wrench: Bug Fixes
- styles: support sass 1.77.7 (4fd811a), closes #20139
- VAvatar: pass props.image as src to VImg defaults (c264ad4)
- VBtn: allow passing custom ripple options (#20190) (0a31bf8), closes #20189
- VFooter: useToggleScope for layout support (0bfaf12)
- VListGroup: don't clear opened on unmount (#20215) (1e183ef), closes #20199
- VMenu: check if element still exists before closing parent (#20249) (560362d), closes #20248
- VSkeletonLoader: remove aria-label when loading finished (867b2ab)
- VSnackbar: update countdown value on timeout change (3cc2763), closes #20196
:test_tube: Labs
v3.6.13
:wrench: Bug Fixes
- typescript: augment GlobalComponents in multiple vue modules (#20144) (bd1f63d)
- VAppBar: scrollBehavior type for fully-hide (040fda8)
- VBtn: allow stacked and block props to work together (#20162) (9969ebb)
- VDataTable: use item.raw and columns in sorting transform (#20077) (e33b951), closes #20045
- VDataTable: support groupBy when sorting is disabled (#20047) (8ac10e4), closes #20046
- VDatePicker: programmatic start date with multiple range (#20169) (1a0d9b7), closes #20168
- VOtpInput: slice value with length on paste (#20164) (0f8fd5d), closes #20158
:test_tube: Labs
- VDateInput: inherit class / style props (#20002) (a88a2ee), closes #19985
- VDateInput: remove menu interaction when disabled/readonly (#20163) (f970e5f), closes #20147
- VTimePicker: don't show buttons if ampmInTitle is not true (#20178) (0c80102)
:arrows_counterclockwise: Reverts
v3.6.12
:wrench: Bug Fixes
- calendar: add missing first-day-of-week property support (#20096) (77af0c6)
- VDataTableFooter: wrong icon types (#20107) (5676e18)
- VDatePickerControls: wrong icon types (#20121) (32efb8c)
- VExpansionPanels: specify inherited props (719a64a), closes #20109
- VField/VInput: centerAffix prop for underlined/plain (#20064) (650ba25)
- VOverlay: make updateLocation event argument optional (fa1a089)
- VOverlay: correct ShadowRoot attach condition (ec73e6f), closes #20001 #20086
- VProgressLinear: render in forced-colors mode (#20112) (601d364), closes #20111
- VRadio: class/style duplication (81bc1f4), closes #20012 #20005
:test_tube: Labs
- VNumberInput: allow press delete key (#20125) (09c294b), closes #20083
- VTimePicker: fix types for emit events (#20126) (5385260), closes #20085
v3.6.11
:wrench: Bug Fixes
:test_tube: Labs
- VNumberInput: fix inc/dec slots with split control variant (#20072) (4ac8aa4), closes #20056
- VStepperVertical: provide eager in defaults props (#20033) (620a0d9), closes #20025
- VTreeview: avoid re-render by opened & respect openAll (#20032) (0a32df5)
v3.6.10
:wrench: Bug Fixes
- VDatePicker: don't update month/year if new model is empty (154e751), closes #20015
- VExpansionPanel: remove unused toRef (0931cec)
- VExpansionPanel: propagate defaults provided by VExpansionPanels (666484a)
- VExpansionPanelTitle: propagate VIcon defaults (cec2094)
v3.6.9
:wrench: Bug Fixes
- VAppBar: inability to scroll to the bottom (#19921) (7ccff92), closes #19090
- VAutocomplete/VCombobox: disallow auto-select-first via pure blur (2368668), closes #19929
- VBanner: set index when using sticky prop (9e2d22f)
- VEmptyState: support VBtn variants when using actions slot (99279d9)
- VFab: change type for location prop (#19949) (07a6fb8), closes #19944
- VMenu: allow enter keypress to work in input element (#19922) (193301c), closes #19920
- VOverlay: check for Shadow DOM on mount (#19947) (e6e76d5), closes #19943
:test_tube: Labs
- VNumberInput: attributes fall through to root (#19959) (df6440d)
- VTimePicker: properly apply disabled props (#19964) (0ba4b78)
- VTreeview: remove redundant treeview re-render during open (#19968) (9e1cfbd)
v3.6.8
:wrench: Bug Fixes
- framework: remove circular imports (957b4bc), closes #19852
- flex: add missing flex-x-x-0 classes (a23dece)
- VCheckboxBtn: reset checked state when readonly is true (#19861) (ed2f0fa), closes #19137
- VDataTable: customKeyFilter filtering (#19881) (b3eafb2), closes #19596
- VDatePicker: using the start range that has been cleared (#19869) (f401f41), closes #19854
- VDivider: missing when vertical and aligned to center (#19890) (18d64fe), closes #19889
- VSlider: add missing aria-label (#19887) (e46a98d)
- VSnackbar: fix class name for center location (#19878) (e48d37b)
- VStepper: propagate complete/error/edit icons (64acd01)
- VStepper: accept null value for mobile (908fb59)
- VStepperItem: remove inline margin in mobile mode (e94dc93)
- VTabs: render tabs correctly using items (#19868) (f5f2fa4)
:test_tube: Labs
- VNumberInput: disable up/down controls for readonly state (#19906) (4ceaaa5)
- VTreeview: select & activate issues (#19795) (8d7beeb), closes #19441 #19402 #19400 #19533 #19471
v3.6.7
:wrench: Bug Fixes
- defaults: allow null component and global values (#19842) (9342288), closes #19783
- layout: find children inside suspense boundary (c209d09), closes #19830
- locale: update missing persian translations (#19812) (17a0561)
- VAutocomplete/VCombobox: remove tab key listener (#19846) (5703a6c), closes #19840
- VAutocomplete/VCombobox: prevent focus on menu icon (4b387b5)
- VBtn: remove negative prepend/append margin with slim prop (665c616)
- VDataTable: add ability to hide default body (#19844) (2f8ee0f), closes #18854
- VDataTable: fit mobile row height to content (#19843) (f016954)
- VDataTable: add missing disable-sort prop (#19820) (4a2de37), closes #19197
- VDatePicker: disable months outside min/max value (#19822) (67ab46c), closes #19810
- VDivider: visiblity in container with dynamic height (#19828) (ea567bb), closes #19827
- VDivider: don't wrap content (d6b292f)
- VField: avoid cascaded overlay multiplier from parent components (88badc6)
- VList: pass return-object to nested VListChildren (#19848) (feeb467)
- VMenu: min width property (#19771) (7d955d2), closes #16987
:test_tube: Labs
- VCalendar: use date adapter to create new date (#19823) (905eb63), closes #19814
- VConfirmEdit: expose save, cancel, isPristine (8ed8731), closes #19747
v3.6.6
:wrench: Bug Fixes
- locale: update German locale translations (#19805) (2553fe6)
- locale: update hu translation (#19738) (74158a8)
- VBanner: assign mobile default of null (aad15b7)
- VMenu: allow enter keypress to work in textareas (#19768) (19ddcef), closes #19767
- VOverlay: don't closeParents if persistent is set (#19782) (aada67a), closes #19780
- VSelect: hide-selected with return-object (#19807) (aa79f16), closes #19806
- VSlideGroup: assign mobile default of null (b674239)
- VSwitch: render in forced-colors mode (#19703) (e36f7bc), closes #19702
:arrows_counterclockwise: Reverts
- Revert "fix(colors): apply theme-on-surface override for bg text color" (1b56e4e)
:test_tube: Labs
- VNumberInput: mobile friendly support (#19791) (9520563)
- VTreeview: scoped loading state by child (#19773) (49892e2), closes #19390
v3.6.5
:wrench: Bug Fixes
- VDataTable: add missing hide-default-header/footer props (#19774) (a6340ac)
- VFileInput: allow dirty prop to trigger dirty state (85c41db), closes #19699
- VStepper: add missing hover and focus styling (b45ab1a)
- VStepper: add missing non-linear styles (da6d5f3)
- VStepper: only show edit icon if editable and selected (34bb202)
- VStepper: do not spread raw property onto VStepperItem (3d9deb7)
:test_tube: Labs
v3.6.4
:wrench: Bug Fixes
- colors: apply theme-on-surface override for bg text color (43529fa)
- framework: pass template refs to slots as functions (#19731) (f2c6050), closes #19713 #19685
- nested: correct prop types (#19758) (0db4297)
- variant: always remove underlay from normal flow (6aea5e4)
- VAutocomplete: only clear search on blur in multiple or using chips/selection slots (#19701) (d02e1b3), closes #19543
- VDataTable: header title font weight (#19742) (c4b33c0), closes #19737
- VDataTable: correctly update the value of showSelectAll (#19762) (7c64392), closes #19069
- VDataTable: change mobile default to false (#19744) (a194622)
- VFileInput: correctly set single value to null when cleared (fce7f75)
- VInfiniteScroll: do not emit load event if status is empty (#19764) (b7a4c36), closes #18895
- VList: allow group activators to be links (94a05d1), closes #10981
- VResponsive: contentClass accepts array and object (8f0322d), closes #19729
- VSheet: base color off of on-surface instead of on-background (183a2f9)
- VSlider: render in forced-colors mode (#19706) (21e9f5e), closes #19705
- VStepperWindow/Item/VTabsWindow: add missing class / style passthrough (49fc5c5)
- VTabs: inherit attrs and scope id (67b30e7), closes #19752 #19754
- VToolbar/VAppBar: nav-icon and title alignment (daa96e9)
:test_tube: Labs
- VCalendar: add theme background color (#19745) (5a39b60), closes #18988
- VNumberInput: use VTextField as the base component (#19714) (53d6bb9), closes #19659 #19757
- VTreeview: lines prop supports boolean type (#19668) (330baa0), closes #19638
v3.6.3
:arrows_counterclockwise: Reverts
v3.6.2
:wrench: Bug Fixes
- VDataTable: select all showing when not enabled on mobile (#19727) (0825e2d)
- VDatePicker: wrong month displayed in header (#19721) (b0d42c9), closes #19126
- VFileInput: update:modelValue emit value (002ae8d)
- VHover: null isHovering by default (#19623) (75ed37b), closes #19601
v3.6.1
See v3.6 Release here
:rocket: Features
- VConfirmEdit/VEmptyState/VFab/VSpeedDial/VSparkline: promote from labs (c8a03cd)
:wrench: Bug Fixes
- VSnackbar: return correct children (5056034)
v3.6.0
v3.6.0 (Nebula)
Welcome to the v3.6.0 release of Vuetify!

💪 Support Vuetify Development
Vuetify is an open source MIT project that has been made possible due to the generous contributions by our sponsors and backers. If you are interested in supporting this project, please consider:
- Requesting Enterprise Support
- Sponsoring John on Github
- Sponsoring Kael on Github
- Supporting the team on Open Collective
- Becoming a sponsor on Patreon
- Making a one-time donation with Paypal
📖 Table of Contents
- #Important links
- #Upgrade guide
- #Component promotions
- #Release notes
❗️ Important links
📑 Upgrade guide
- If you want to opt out of the mobile data table view, set the mobile prop to false
- Remove any manual imports of Labs components that were promoted as of this release
🏅 Component promotions
The following components have been promoted to the core framework from labs:
The confirm edit component is a powerful tool that allows you to confirm changes to a field before they are saved. This is especially useful in scenarios where you want to prevent accidental changes to a field.
The empty state component is a simple way to display a message when a list or page is empty. This is useful for informing users that there is no data to display.
The floating action button is a layout aware component that is always visible on the screen. It can also be used inline in conjunction with cards and lists.
The sparkline component is a simple way to display a small chart inline with text. This is useful for displaying trends or other data in a compact format.
The speed dial component is a floating action button that expands into a menu of actions. This is useful for providing quick access to common actions in a compact format.
💯 Release notes
:rocket: Features
- display: add explicit prop that overrides mobile state (fafc39f)
- framework: support css cascade layers (#19641) (4820347)
- VBtn: add new readonly prop (72f33dc)
- VDataTable: add mobile view (#19431) (66880ce)
- VLayout: add dimension support (0114108)
- VNavigationDrawer: add new persistent prop (#19552) (74cc2bf)
- VSlideGroup: replace css transform with native scroll (#17286) (93bd7b5)
:wrench: Bug Fixes
- layout: translate full amount if element and layout size is 0 (99ea55d)
- VDataTable: add missing scss variable for loading opacity (69b5cc8)
- VDialog: adjust styling to better match material spec (383bbdc)
- VNavigationDrawer: don't restrict elementSize when location is top or bottom (1ee802d)
- VOverlay: move targetRef out of props (5e40cc8), closes #19685
:test_tube: Labs
- VDateInput: add new component (#19680) (e9d132f)
- VPullToRefresh: add new component (#19666) (1816775)
- VSpeedDial: proxy VMenu model (245f6d3)
v3.5.18
:wrench: Bug Fixes
- locale: ko translations (#19687) (a063f94)
- useDirectiveComponent: cannot read properties of undefined (#19693) (b9a588f)
- VDatePicker: stay on current month when selecting multiple (2d13e36)
- VSnackbar: make touchstart listener passive (24d1066)
- VSnackbar: conditionally load layout styles (9504efa), closes #19717
:test_tube: Labs
- VCalendar: remove background for week view mode (#19681) (1ce2879), closes #18988
- VSpeedDial: remove mode designator on transition (2c726a5)
v3.5.17
:wrench: Bug Fixes
- group: update the value when delete an item (#19663) (5918658), closes #19655 #19213
- typography: preserve property order when unwrapping $typography (f0f0fa0)
- typography: use relative line heights (#19628) (1086426)
- VCarouselItem: add missing class prop (#19649) (635946c), closes #19630
- VChip: prevent text selection for link chips (#19653) (9981395)
- VCombobox: don't delete chips on backspace until search is empty (d6a500b), closes #19626
- VDatePicker: change calendar when date is changed (#19570) (a1b47bb), closes #19421
- VDialog: add afterLeave event (#19664) (d5f1dc3), closes #19660
-
VDialog: partial revert of changes made in
8083d89(e569110) - VFileInput: emit single if default is undefined & !multiple (#19656) (edd311f), closes #19297
- VInput: add theme class (#19602) (97cc161), closes #19598
- VList: don't takeover focus control when target is INPUT (468a9c1)
- VNavigationDrawer: manually apply dragging styles to avoid rerender (bb486ae)
- VNavigationDrawer: element drag area size (8a52ff3), closes #17352
- VProgressLinear: only apply locationStyles when absolute (3d810e1)
- VSelect: don't set scroll position on model change (7d2991c), closes #19635 #19642
- VSelect: auto scroll to the last selected item when open menu (d65d586), closes #19635
- VSnackbar: close from swipe gesture (200b3bf), closes #3509
- VSnackbar: position based on app layout (cbb945d), closes #15744
- VSnackbar: support custom transition (b9a7d69), closes #15474
- VSwitch: transition in RTL (#19495) (d11824f)
- VTextarea: up/down/home/e
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
- [ ] If you want to rebase/retry this PR, check this box
This PR was generated by Mend Renovate. View the repository job log.