@vuetify/nightly 3.7.6-master.2025-01-18 → 3.7.6-master.2025-01-19

package/dist/json/attributes.json

@@ -1795,10 +1795,6 @@
     "type": "number\n",
     "description": "Index or position of the interval in the day view."
   },
-  "VCalendarIntervalEvent/event": {
-    "type": "unknown\n",
-    "description": "The event object associated with this calendar interval."
-  },
   "VCalendarIntervalEvent/interval-divisions": {
     "type": "number\n",
     "description": "Number of subdivisions within the interval for this event."
@@ -1811,13 +1807,17 @@
     "type": "number\n",
     "description": "Height of the interval in the calendar view, in pixels."
   },
+  "VCalendarIntervalEvent/interval": {
+    "type": "unknown\n",
+    "description": "The specific time interval this event is associated with."
+  },
   "VCalendarIntervalEvent/all-day": {
     "type": "boolean\n",
     "description": "Indicates whether the event spans the entire day."
   },
-  "VCalendarIntervalEvent/interval": {
+  "VCalendarIntervalEvent/event": {
     "type": "unknown\n",
-    "description": "The specific time interval this event is associated with."
+    "description": "The event object associated with this calendar interval."
   },
   "VCalendarMonthDay/title": {
     "type": "string | number\n",
@@ -1827,14 +1827,14 @@
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VCalendarMonthDay/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
   "VCalendarMonthDay/active": {
     "type": "boolean\n",
     "description": "Controls the **active** state of the item. This is typically used to highlight the component."
   },
+  "VCalendarMonthDay/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
   "VCalendarMonthDay/day": {
     "type": "unknown\n",
     "description": "Represents the specific day in the month view of the calendar."
@@ -1843,21 +1843,41 @@
     "type": "any[]\n",
     "description": "Array of events associated with this specific day."
   },
+  "VCard/flat": {
+    "type": "boolean\n",
+    "description": "Removes the card's elevation."
+  },
+  "VCard/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VCard/link": {
+    "type": "boolean\n",
+    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
+  },
   "VCard/title": {
     "type": "string | number\n",
     "description": "Specify a title text for the component."
   },
-  "VCard/text": {
-    "type": "string | number\n",
-    "description": "Specify content text for the component."
-  },
-  "VCard/flat": {
+  "VCard/replace": {
     "type": "boolean\n",
-    "description": "Removes the card's elevation."
+    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
   },
-  "VCard/border": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  "VCard/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VCard/image": {
+    "type": "string\n",
+    "description": "Apply a specific background image to the component."
+  },
+  "VCard/location": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
+    "description": "Specifies the component's location. Can combine by using a space separated string."
+  },
+  "VCard/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
   "VCard/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
@@ -1867,6 +1887,38 @@
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
+  "VCard/border": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  },
+  "VCard/elevation": {
+    "type": "string | number\n",
+    "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
+  },
+  "VCard/rounded": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
+  },
+  "VCard/tile": {
+    "type": "boolean\n",
+    "description": "Removes any applied **border-radius** from the component."
+  },
+  "VCard/text": {
+    "type": "string | number\n",
+    "description": "Specify content text for the component."
+  },
+  "VCard/exact": {
+    "type": "boolean\n",
+    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
+  },
+  "VCard/subtitle": {
+    "type": "string | number\n",
+    "description": "Specify a subtitle text for the component."
+  },
+  "VCard/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
   "VCard/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -1887,65 +1939,17 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VCard/elevation": {
-    "type": "string | number\n",
-    "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
-  },
-  "VCard/location": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
-    "description": "Specifies the component's location. Can combine by using a space separated string."
-  },
-  "VCard/position": {
-    "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
-    "description": "Sets the position for the component."
-  },
-  "VCard/rounded": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
-  },
-  "VCard/tile": {
-    "type": "boolean\n",
-    "description": "Removes any applied **border-radius** from the component."
-  },
-  "VCard/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VCard/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VCard/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
   "VCard/variant": {
-    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
     "description": "Applies a distinct style to the component."
   },
-  "VCard/replace": {
-    "type": "boolean\n",
-    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
-  },
-  "VCard/link": {
-    "type": "boolean\n",
-    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
-  },
-  "VCard/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends a [v-icon](/components/icons/) component to the header."
-  },
   "VCard/append-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
   },
-  "VCard/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
-  "VCard/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
+  "VCard/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends a [v-icon](/components/icons/) component to the header."
   },
   "VCard/loading": {
     "type": "string | boolean\n",
@@ -1955,22 +1959,10 @@
     "type": "string\n",
     "description": "Designates the component as anchor and applies the **href** attribute."
   },
-  "VCard/exact": {
-    "type": "boolean\n",
-    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
-  },
   "VCard/to": {
     "type": "RouteLocationRaw\n",
     "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
   },
-  "VCard/image": {
-    "type": "string\n",
-    "description": "Apply a specific background image to the component."
-  },
-  "VCard/subtitle": {
-    "type": "string | number\n",
-    "description": "Specify a subtitle text for the component."
-  },
   "VCard/append-avatar": {
     "type": "string\n",
     "description": "Appends a [v-avatar](/components/avatars/) component after default content in the **append** slot."
@@ -1983,6 +1975,14 @@
     "type": "string\n",
     "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
   },
+  "VCard/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
+  "VCard/position": {
+    "type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
+    "description": "Sets the position for the component."
+  },
   "VCardItem/title": {
     "type": "string | number\n",
     "description": "Specify a title text for the component."
@@ -1991,17 +1991,17 @@
     "type": "'default' | 'comfortable' | 'compact'\n",
     "description": "Adjusts the vertical height used by the component."
   },
-  "VCardItem/subtitle": {
-    "type": "string | number\n",
-    "description": "Specify a subtitle text for the component."
+  "VCardItem/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
   },
   "VCardItem/append-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
   },
-  "VCardItem/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
+  "VCardItem/subtitle": {
+    "type": "string | number\n",
+    "description": "Specify a subtitle text for the component."
   },
   "VCardItem/append-avatar": {
     "type": "string\n",
@@ -2079,10 +2079,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The displayed icon for forcing pagination to the previous item."
   },
-  "VCarousel/interval": {
-    "type": "string | number\n",
-    "description": "The duration between image cycles. Requires the **cycle** prop."
-  },
   "VCarousel/cycle": {
     "type": "boolean\n",
     "description": "Determines if the carousel should cycle through images."
@@ -2099,6 +2095,10 @@
     "type": "boolean\n",
     "description": "Hides the bottom delimiter background."
   },
+  "VCarousel/interval": {
+    "type": "string | number\n",
+    "description": "The duration between image cycles. Requires the **cycle** prop."
+  },
   "VCarousel/continuous": {
     "type": "boolean\n",
     "description": "Determines whether carousel is continuous."
@@ -2187,6 +2187,10 @@
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
   },
+  "VCarouselItem/position": {
+    "type": "string\n",
+    "description": "Applies [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) styles to the image and placeholder elements."
+  },
   "VCarouselItem/alt": {
     "type": "string\n",
     "description": "Alternate text for screen readers. Leave empty for decorative images."
@@ -2219,10 +2223,6 @@
     "type": "string\n",
     "description": "A set of alternate images to use based on device size. [Read more...](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset)."
   },
-  "VCarouselItem/position": {
-    "type": "string\n",
-    "description": "Applies [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) styles to the image and placeholder elements."
-  },
   "VCarouselItem/aspect-ratio": {
     "type": "string | number\n",
     "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
@@ -2375,6 +2375,10 @@
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
   },
+  "VCheckbox/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VCheckbox/indeterminate": {
     "type": "boolean\n",
     "description": "Sets an indeterminate state for the checkbox."
@@ -2403,10 +2407,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when active."
   },
-  "VCheckbox/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VCheckboxBtn/type": {
     "type": "string\n",
     "description": "Provides the default type for children selection controls."
@@ -2503,38 +2503,54 @@
     "type": "(a: any, b: any) => boolean\n",
     "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
-  "VChip/text": {
-    "type": "string\n",
-    "description": "Specify content text for the component."
-  },
   "VChip/filter": {
     "type": "boolean\n",
     "description": "Displays a selection icon when selected."
   },
-  "VChip/border": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  "VChip/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
   },
-  "VChip/closable": {
+  "VChip/label": {
     "type": "boolean\n",
-    "description": "Adds remove button and then a chip can be closed."
+    "description": "Applies a medium size border radius."
   },
-  "VChip/close-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Change the default icon used for **close** chips."
+  "VChip/link": {
+    "type": "boolean\n",
+    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
   },
-  "VChip/close-label": {
+  "VChip/replace": {
+    "type": "boolean\n",
+    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
+  },
+  "VChip/theme": {
     "type": "string\n",
-    "description": "Text used for *aria-label* on the close button in **close** chips. Can also be customized globally in [Internationalization](/customization/internationalization)."
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VChip/size": {
+    "type": "string | number\n",
+    "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
+  },
+  "VChip/value": {
+    "type": "any\n",
+    "description": "The value used when a child of a [v-chip-group](/components/chip-groups)."
   },
   "VChip/model-value": {
     "type": "boolean\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
+  "VChip/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VChip/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
     "description": "Adjusts the vertical height used by the component."
   },
+  "VChip/border": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  },
   "VChip/elevation": {
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
@@ -2547,77 +2563,45 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VChip/tag": {
+  "VChip/text": {
     "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
+    "description": "Specify content text for the component."
   },
-  "VChip/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VChip/exact": {
+    "type": "boolean\n",
+    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
   },
-  "VChip/color": {
+  "VChip/active-class": {
     "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
-  "VChip/variant": {
-    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
-    "description": "Applies a distinct style to the component."
-  },
-  "VChip/replace": {
-    "type": "boolean\n",
-    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
+    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
   },
-  "VChip/link": {
+  "VChip/disabled": {
     "type": "boolean\n",
-    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
+    "description": "Removes the ability to click or target the component."
   },
-  "VChip/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
+  "VChip/variant": {
+    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to the component."
   },
   "VChip/append-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
   },
-  "VChip/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
-  "VChip/value": {
-    "type": "any\n",
-    "description": "The value used when a child of a [v-chip-group](/components/chip-groups)."
-  },
-  "VChip/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
-  "VChip/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
+  "VChip/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
   },
   "VChip/href": {
     "type": "string\n",
     "description": "Designates the component as anchor and applies the **href** attribute."
   },
-  "VChip/exact": {
-    "type": "boolean\n",
-    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
-  },
   "VChip/to": {
     "type": "RouteLocationRaw\n",
     "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
   },
-  "VChip/size": {
-    "type": "string | number\n",
-    "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
-  },
-  "VChip/label": {
-    "type": "boolean\n",
-    "description": "Applies a medium size border radius."
-  },
-  "VChip/active-class": {
+  "VChip/selected-class": {
     "type": "string\n",
-    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
+    "description": "Configure the active CSS class applied when an item is selected."
   },
   "VChip/append-avatar": {
     "type": "string\n",
@@ -2627,10 +2611,26 @@
     "type": "string\n",
     "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
   },
+  "VChip/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VChip/draggable": {
     "type": "boolean\n",
     "description": "Makes the chip draggable."
   },
+  "VChip/closable": {
+    "type": "boolean\n",
+    "description": "Adds remove button and then a chip can be closed."
+  },
+  "VChip/close-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Change the default icon used for **close** chips."
+  },
+  "VChip/close-label": {
+    "type": "string\n",
+    "description": "Text used for *aria-label* on the close button in **close** chips. Can also be customized globally in [Internationalization](/customization/internationalization)."
+  },
   "VChip/filter-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Change the default icon used for **filter** chips."
@@ -2647,6 +2647,10 @@
     "type": "boolean\n",
     "description": "Applies an checkmark icon in front of every chip for using it like a filter."
   },
+  "VChipGroup/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
   "VChipGroup/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
@@ -2655,18 +2659,34 @@
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
   },
-  "VChipGroup/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
   "VChipGroup/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
+  "VChipGroup/variant": {
+    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to the component."
+  },
   "VChipGroup/disabled": {
     "type": "boolean\n",
     "description": "Puts all children components into a disabled state."
   },
+  "VChipGroup/selected-class": {
+    "type": "string\n",
+    "description": "Configure the active CSS class applied when an item is selected."
+  },
+  "VChipGroup/max": {
+    "type": "number\n",
+    "description": "Sets a maximum number of selections that can be made."
+  },
+  "VChipGroup/mobile": {
+    "type": "boolean\n",
+    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
+  },
+  "VChipGroup/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
   "VChipGroup/multiple": {
     "type": "boolean\n",
     "description": "Allows one to select multiple items."
@@ -2675,26 +2695,6 @@
     "type": "boolean | 'force'\n",
     "description": "Forces at least one item to always be selected (if available)."
   },
-  "VChipGroup/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
-  },
-  "VChipGroup/variant": {
-    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
-    "description": "Applies a distinct style to the component."
-  },
-  "VChipGroup/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "Switch between horizontal and vertical modes."
-  },
-  "VChipGroup/max": {
-    "type": "number\n",
-    "description": "Sets a maximum number of selections that can be made."
-  },
-  "VChipGroup/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
-  },
   "VChipGroup/next-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Specify the icon to use for the next icon."
@@ -2703,6 +2703,18 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Specify the icon to use for the prev icon."
   },
+  "VChipGroup/show-arrows": {
+    "type": "string | boolean\n",
+    "description": "Force the display of the pagination arrows."
+  },
+  "VChipGroup/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Switch between horizontal and vertical modes."
+  },
+  "VChipGroup/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+  },
   "VChipGroup/column": {
     "type": "boolean\n",
     "description": "Remove horizontal pagination and wrap items as needed."
@@ -2711,26 +2723,14 @@
     "type": "boolean\n",
     "description": "Forces the selected chip to be centered."
   },
-  "VChipGroup/show-arrows": {
-    "type": "string | boolean\n",
-    "description": "Force the display of the pagination arrows."
-  },
-  "VChipGroup/mobile": {
-    "type": "boolean\n",
-    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
-  },
-  "VChipGroup/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
-    "description": "Sets the designated mobile breakpoint for the component."
+  "VClassIcon/icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
   },
   "VClassIcon/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VClassIcon/icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
-  },
   "VCode/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
@@ -2739,6 +2739,18 @@
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "VCol/order": {
+    "type": "string | number\n",
+    "description": "Sets the default [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order) for the column."
+  },
+  "VCol/offset": {
+    "type": "string | number\n",
+    "description": "Sets the default offset for the column."
+  },
+  "VCol/cols": {
+    "type": "string | number | boolean\n",
+    "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
+  },
   "VCol/sm": {
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on small and greater breakpoints."
@@ -2759,18 +2771,6 @@
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on extra extra large and greater breakpoints."
   },
-  "VCol/order": {
-    "type": "string | number\n",
-    "description": "Sets the default [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order) for the column."
-  },
-  "VCol/offset": {
-    "type": "string | number\n",
-    "description": "Sets the default offset for the column."
-  },
-  "VCol/cols": {
-    "type": "string | number | boolean\n",
-    "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
-  },
   "VCol/offset-sm": {
     "type": "string | number\n",
     "description": "Changes the offset of the component on small and greater breakpoints."
@@ -2812,7 +2812,7 @@
     "description": "Changes the order of the component on extra extra large and greater breakpoints."
   },
   "VCol/align-self": {
-    "type": "'end' | 'start' | 'center' | 'auto' | 'baseline' | 'stretch'\n",
+    "type": "'start' | 'end' | 'center' | 'auto' | 'baseline' | 'stretch'\n",
     "description": "Applies the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) css property. Available options are: **start**, **center**, **end**, **auto**, **baseline** and **stretch**."
   },
   "VColorPicker/tag": {
@@ -3415,37 +3415,73 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
     "description": "Changes which item property should be used for grouping items. Currently only supports a single grouping in the format: `group` or `['group']`. When using an array, only the first element is considered. Can be used with `.sync` modifier."
   },
+  "VDataTable/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
+  "VDataTable/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height of the table rows."
+  },
+  "VDataTable/height": {
+    "type": "string | number\n",
+    "description": "Set an explicit height of table."
+  },
+  "VDataTable/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
+  },
+  "VDataTable/sticky": {
+    "type": "boolean\n",
+    "description": "Sticks the header to the top of the table."
+  },
   "VDataTable/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "VDataTable/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VDataTable/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VDataTable/search": {
     "type": "string\n",
     "description": "Text input used to filter items."
   },
-  "VDataTable/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VDataTable/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
+  },
+  "VDataTable/mobile": {
+    "type": "boolean\n",
+    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
+  },
+  "VDataTable/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
   "VDataTable/items": {
     "type": "any[]\n",
     "description": "An array of strings or objects used for automatically generating children components."
   },
-  "VDataTable/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VDataTable/next-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Next icon."
   },
-  "VDataTable/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VDataTable/prev-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Previous icon."
   },
-  "VDataTable/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height of the table rows."
+  "VDataTable/hover": {
+    "type": "boolean\n",
+    "description": "Adds a hover effects to a table rows."
   },
-  "VDataTable/height": {
-    "type": "string | number\n",
-    "description": "Set an explicit height of table."
+  "VDataTable/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
   "VDataTable/filter-mode": {
     "type": "'every' | 'some' | 'union' | 'intersection'\n",
@@ -3475,10 +3511,6 @@
     "type": "'single' | 'page' | 'all'\n",
     "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
   },
-  "VDataTable/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
-  },
   "VDataTable/item-value": {
     "type": "SelectItemKey<any>\n",
     "description": "Property on supplied `items` that contains its value."
@@ -3487,69 +3519,49 @@
     "type": "boolean\n",
     "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
   },
-  "VDataTable/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
-  },
   "VDataTable/no-data-text": {
     "type": "string\n",
     "description": "Text shown when no items are provided to the component."
   },
-  "VDataTable/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays `loading` slot if set to `true`"
+  "VDataTable/header-props": {
+    "type": "unknown\n",
+    "description": "Pass props to the default header. See [`v-data-table-headers` API](/api/v-data-table-headers) for more information."
   },
-  "VDataTable/next-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Next icon."
-  },
-  "VDataTable/prev-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Previous icon."
-  },
-  "VDataTable/mobile": {
-    "type": "boolean\n",
-    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
-  },
-  "VDataTable/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
-    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
-  },
-  "VDataTable/sticky": {
-    "type": "boolean\n",
-    "description": "Sticks the header to the top of the table."
-  },
-  "VDataTable/item-selectable": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that indicates whether the item is selectable."
+  "VDataTable/cell-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'column' | 'index' | 'internalItem'\n      >,\n    ) => Record<string, any>)\n",
+    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
   },
-  "VDataTable/show-select": {
-    "type": "boolean\n",
-    "description": "Shows the select checkboxes in both the header and rows (if using default rows)."
+  "VDataTable/headers": {
+    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-group'\n    | 'data-table-select'\n    | 'data-table-expand'\n    | undefined\n  readonly value?: SelectItemKey<any>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'end' | 'start' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | { readonly [x: string]: any }\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'value' | 'item' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?: readonly any[] | undefined\n}[]\n",
+    "description": "An array of objects that each describe a header column. See the example below for a definition of all properties."
   },
   "VDataTable/page": {
     "type": "string | number\n",
     "description": "The current displayed page number (1-indexed)."
   },
-  "VDataTable/sort-by": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
-    "description": "Changes which item property (or properties) should be used for sort order. Can be used with `.sync` modifier."
+  "VDataTable/items-per-page": {
+    "type": "string | number\n",
+    "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page."
   },
-  "VDataTable/multi-sort": {
-    "type": "boolean\n",
-    "description": "If `true` then one can sort on multiple properties."
+  "VDataTable/loading-text": {
+    "type": "string\n",
+    "description": "Text shown when the data is loading."
   },
-  "VDataTable/must-sort": {
+  "VDataTable/row-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
+    "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
+  },
+  "VDataTable/hide-default-body": {
     "type": "boolean\n",
-    "description": "If `true` then one can not disable sorting, it will always switch between ascending and descending."
+    "description": "Hides the default body."
   },
-  "VDataTable/custom-key-sort": {
-    "type": "unknown\n",
-    "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
+  "VDataTable/hide-default-footer": {
+    "type": "boolean\n",
+    "description": "Hides the default footer. This has no effect on `v-data-table-virtual`."
   },
-  "VDataTable/items-per-page": {
-    "type": "string | number\n",
-    "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page."
+  "VDataTable/hide-default-header": {
+    "type": "boolean\n",
+    "description": "Hides the default header."
   },
   "VDataTable/expand-on-click": {
     "type": "boolean\n",
@@ -3567,41 +3579,33 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
     "description": "Changes which item property should be used for grouping items. Currently only supports a single grouping in the format: `group` or `['group']`. When using an array, only the first element is considered. Can be used with `.sync` modifier."
   },
-  "VDataTable/header-props": {
-    "type": "unknown\n",
-    "description": "Pass props to the default header. See [`v-data-table-headers` API](/api/v-data-table-headers) for more information."
-  },
-  "VDataTable/cell-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'index' | 'column' | 'internalItem'\n      >,\n    ) => Record<string, any>)\n",
-    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
+  "VDataTable/item-selectable": {
+    "type": "SelectItemKey<any>\n",
+    "description": "Property on supplied `items` that indicates whether the item is selectable."
   },
-  "VDataTable/disable-sort": {
+  "VDataTable/show-select": {
     "type": "boolean\n",
-    "description": "Disables sorting completely."
-  },
-  "VDataTable/headers": {
-    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-group'\n    | 'data-table-select'\n    | 'data-table-expand'\n    | undefined\n  readonly value?: SelectItemKey<any>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'start' | 'end' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | { readonly [x: string]: any }\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'value' | 'item' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?: readonly any[] | undefined\n}[]\n",
-    "description": "An array of objects that each describe a header column. See the example below for a definition of all properties."
-  },
-  "VDataTable/loading-text": {
-    "type": "string\n",
-    "description": "Text shown when the data is loading."
+    "description": "Shows the select checkboxes in both the header and rows (if using default rows)."
   },
-  "VDataTable/row-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
-    "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
+  "VDataTable/sort-by": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
+    "description": "Changes which item property (or properties) should be used for sort order. Can be used with `.sync` modifier."
   },
-  "VDataTable/hide-default-body": {
+  "VDataTable/multi-sort": {
     "type": "boolean\n",
-    "description": "Hides the default body."
+    "description": "If `true` then one can sort on multiple properties."
   },
-  "VDataTable/hide-default-footer": {
+  "VDataTable/must-sort": {
     "type": "boolean\n",
-    "description": "Hides the default footer. This has no effect on `v-data-table-virtual`."
+    "description": "If `true` then one can not disable sorting, it will always switch between ascending and descending."
   },
-  "VDataTable/hide-default-header": {
+  "VDataTable/custom-key-sort": {
+    "type": "unknown\n",
+    "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
+  },
+  "VDataTable/disable-sort": {
     "type": "boolean\n",
-    "description": "Hides the default header."
+    "description": "Disables sorting completely."
   },
   "VDataTable/sort-asc-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -3619,10 +3623,6 @@
     "type": "boolean\n",
     "description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
   },
-  "VDataTable/hover": {
-    "type": "boolean\n",
-    "description": "Adds a hover effects to a table rows."
-  },
   "VDataTable/first-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "First icon."
@@ -3711,10 +3711,6 @@
     "type": "boolean\n",
     "description": "Show current page number between prev/next icons."
   },
-  "VDataTableHeaders/sticky": {
-    "type": "boolean\n",
-    "description": "Sticks the header to the top of the table."
-  },
   "VDataTableHeaders/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
@@ -3723,22 +3719,26 @@
     "type": "string | boolean\n",
     "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
   },
+  "VDataTableHeaders/sticky": {
+    "type": "boolean\n",
+    "description": "Sticks the header to the top of the table."
+  },
+  "VDataTableHeaders/multi-sort": {
+    "type": "boolean\n",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDataTableHeaders.json))"
+  },
+  "VDataTableHeaders/header-props": {
+    "type": "unknown\n",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDataTableHeaders.json))"
+  },
   "VDataTableHeaders/mobile": {
     "type": "boolean\n",
     "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
   },
-  "VDataTableHeaders/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
-    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
-  },
   "VDataTableHeaders/disable-sort": {
     "type": "boolean\n",
     "description": "Toggles rendering of sort button."
   },
-  "VDataTableHeaders/multi-sort": {
-    "type": "boolean\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDataTableHeaders.json))"
-  },
   "VDataTableHeaders/sort-asc-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for ascending sort button."
@@ -3747,40 +3747,28 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for descending sort button."
   },
-  "VDataTableHeaders/header-props": {
-    "type": "unknown\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDataTableHeaders.json))"
-  },
-  "VDataTableRow/mobile": {
-    "type": "boolean\n",
-    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
-  },
-  "VDataTableRow/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+  "VDataTableHeaders/mobile-breakpoint": {
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
     "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
   "VDataTableRow/item": {
     "type": "unknown\n",
     "description": "Data (key, index and column values) of the displayed item."
   },
-  "VDataTableRow/cell-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<unknown>,\n        'value' | 'item' | 'index' | 'internalItem' | 'column'\n      >,\n    ) => Record<string, any>)\n",
-    "description": "Props to be applied to the cell."
-  },
   "VDataTableRow/index": {
     "type": "number\n",
     "description": "Row index."
   },
-  "VDataTableRows/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays `loading` slot if set to `true`"
+  "VDataTableRow/cell-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<unknown>,\n        'value' | 'item' | 'index' | 'internalItem' | 'column'\n      >,\n    ) => Record<string, any>)\n",
+    "description": "Props to be applied to the cell."
   },
-  "VDataTableRows/mobile": {
+  "VDataTableRow/mobile": {
     "type": "boolean\n",
     "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
   },
-  "VDataTableRows/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+  "VDataTableRow/mobile-breakpoint": {
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
     "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
   "VDataTableRows/items": {
@@ -3795,10 +3783,22 @@
     "type": "string\n",
     "description": "Text shown when no items are provided to the component."
   },
+  "VDataTableRows/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays `loading` slot if set to `true`"
+  },
   "VDataTableRows/cell-props": {
     "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'index' | 'internalItem' | 'column'\n      >,\n    ) => Record<string, any>)\n",
     "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
   },
+  "VDataTableRows/mobile": {
+    "type": "boolean\n",
+    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
+  },
+  "VDataTableRows/mobile-breakpoint": {
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
+    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
+  },
   "VDataTableRows/loading-text": {
     "type": "string\n",
     "description": "Text shown when the data is loading."
@@ -3807,10 +3807,30 @@
     "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
     "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
   },
+  "VDataTableServer/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VDataTableServer/search": {
+    "type": "string\n",
+    "description": "Text input used to filter items."
+  },
+  "VDataTableServer/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VDataTableServer/items": {
+    "type": "any[]\n",
+    "description": "An array of strings or objects used for automatically generating children components."
+  },
   "VDataTableServer/model-value": {
     "type": "unknown\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
+  "VDataTableServer/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VDataTableServer/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
     "description": "Adjusts the vertical height used by the component."
@@ -3819,45 +3839,37 @@
     "type": "string | number\n",
     "description": "Use the height prop to set the height of the table."
   },
+  "VDataTableServer/hide-no-data": {
+    "type": "boolean\n",
+    "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
+  },
+  "VDataTableServer/select-strategy": {
+    "type": "'single' | 'page' | 'all'\n",
+    "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
+  },
   "VDataTableServer/width": {
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VDataTableServer/sticky": {
-    "type": "boolean\n",
-    "description": "Sticks the header to the top of the table."
-  },
-  "VDataTableServer/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
+  "VDataTableServer/item-value": {
+    "type": "SelectItemKey<any>\n",
+    "description": "Property on supplied `items` that contains its value."
   },
-  "VDataTableServer/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VDataTableServer/return-object": {
+    "type": "boolean\n",
+    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
   },
-  "VDataTableServer/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VDataTableServer/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
-  "VDataTableServer/search": {
+  "VDataTableServer/no-data-text": {
     "type": "string\n",
-    "description": "Text input used to filter items."
+    "description": "Text shown when no items are provided to the component."
   },
   "VDataTableServer/loading": {
     "type": "string | boolean\n",
-    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
-  },
-  "VDataTableServer/mobile": {
-    "type": "boolean\n",
-    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
-  },
-  "VDataTableServer/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
-    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
-  },
-  "VDataTableServer/items": {
-    "type": "any[]\n",
-    "description": "An array of strings or objects used for automatically generating children components."
+    "description": "Displays `loading` slot if set to `true`"
   },
   "VDataTableServer/next-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -3871,29 +3883,77 @@
     "type": "boolean\n",
     "description": "Will add a hover effect to a table's row when the mouse is over it."
   },
-  "VDataTableServer/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
-  },
-  "VDataTableServer/hide-no-data": {
+  "VDataTableServer/sticky": {
     "type": "boolean\n",
-    "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
-  },
-  "VDataTableServer/select-strategy": {
-    "type": "'single' | 'page' | 'all'\n",
-    "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
+    "description": "Sticks the header to the top of the table."
   },
-  "VDataTableServer/item-value": {
+  "VDataTableServer/item-selectable": {
     "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that contains its value."
+    "description": "Property on supplied `items` that indicates whether the item is selectable."
   },
-  "VDataTableServer/return-object": {
+  "VDataTableServer/show-select": {
     "type": "boolean\n",
-    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
+    "description": "Shows the column with checkboxes for selecting items in the list."
   },
-  "VDataTableServer/no-data-text": {
-    "type": "string\n",
-    "description": "Text shown when no items are provided to the component."
+  "VDataTableServer/page": {
+    "type": "string | number\n",
+    "description": "The current displayed page number (1-indexed)."
+  },
+  "VDataTableServer/sort-by": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
+    "description": "Array of column keys and sort orders that determines the sort order of the table."
+  },
+  "VDataTableServer/multi-sort": {
+    "type": "boolean\n",
+    "description": "Allows sorting by multiple columns."
+  },
+  "VDataTableServer/must-sort": {
+    "type": "boolean\n",
+    "description": "Forces sorting on the column(s)."
+  },
+  "VDataTableServer/custom-key-sort": {
+    "type": "unknown\n",
+    "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
+  },
+  "VDataTableServer/items-per-page": {
+    "type": "string | number\n",
+    "description": "The number of items to display on each page."
+  },
+  "VDataTableServer/expand-on-click": {
+    "type": "boolean\n",
+    "description": "Expands item when the row is clicked."
+  },
+  "VDataTableServer/show-expand": {
+    "type": "boolean\n",
+    "description": "Shows the expand icon."
+  },
+  "VDataTableServer/expanded": {
+    "type": "string[]\n",
+    "description": "Whether the item is expanded or not."
+  },
+  "VDataTableServer/group-by": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
+    "description": "Defines the grouping of the table items."
+  },
+  "VDataTableServer/header-props": {
+    "type": "unknown\n",
+    "description": "Pass props to the default header. See [`v-data-table-server` API](/api/v-data-table-server) for more information."
+  },
+  "VDataTableServer/cell-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'index' | 'internalItem' | 'column'\n      >,\n    ) => Record<string, any>)\n",
+    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
+  },
+  "VDataTableServer/mobile": {
+    "type": "boolean\n",
+    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
+  },
+  "VDataTableServer/items-length": {
+    "type": "string | number\n",
+    "description": "Number of all items."
+  },
+  "VDataTableServer/disable-sort": {
+    "type": "boolean\n",
+    "description": "Toggles rendering of sort button."
   },
   "VDataTableServer/first-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -3936,17 +3996,9 @@
     "description": "Show current page number between prev/next icons."
   },
   "VDataTableServer/headers": {
-    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-expand'\n    | 'data-table-select'\n    | 'data-table-group'\n    | undefined\n  readonly value?: SelectItemKey<Record<string, any>>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'end' | 'start' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'value' | 'item' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | { readonly [x: string]: any }\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?:\n    | readonly {\n        readonly key?:\n          | (string & {})\n          | 'data-table-expand'\n          | 'data-table-select'\n          | 'data-table-group'\n          | undefined\n        readonly value?: SelectItemKey<Record<string, any>>\n        readonly title?: string | undefined\n        readonly fixed?: boolean | undefined\n        readonly align?: 'end' | 'start' | 'center' | undefined\n        readonly width?: string | number | undefined\n        readonly minWidth?: string | undefined\n        readonly maxWidth?: string | undefined\n        readonly nowrap?: boolean | undefined\n        readonly headerProps?: { readonly [x: string]: any } | undefined\n        readonly cellProps?:\n          | ((\n              data: Pick<\n                ItemKeySlot<any>,\n                'value' | 'item' | 'index' | 'internalItem'\n              >,\n            ) => Record<string, any>)\n          | { readonly [x: string]: any }\n          | undefined\n        readonly sortable?: boolean | undefined\n        readonly sort?: DataTableCompareFunction<any> | undefined\n        readonly sortRaw?: DataTableCompareFunction<any> | undefined\n        readonly filter?: FilterFunction | undefined\n        readonly mobile?: boolean | undefined\n        readonly children?: readonly any[] | undefined\n      }[]\n    | undefined\n}[]\n",
+    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-expand'\n    | 'data-table-select'\n    | 'data-table-group'\n    | undefined\n  readonly value?: SelectItemKey<Record<string, any>>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'start' | 'end' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'value' | 'item' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | { readonly [x: string]: any }\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?:\n    | readonly {\n        readonly key?:\n          | (string & {})\n          | 'data-table-expand'\n          | 'data-table-select'\n          | 'data-table-group'\n          | undefined\n        readonly value?: SelectItemKey<Record<string, any>>\n        readonly title?: string | undefined\n        readonly fixed?: boolean | undefined\n        readonly align?: 'start' | 'end' | 'center' | undefined\n        readonly width?: string | number | undefined\n        readonly minWidth?: string | undefined\n        readonly maxWidth?: string | undefined\n        readonly nowrap?: boolean | undefined\n        readonly headerProps?: { readonly [x: string]: any } | undefined\n        readonly cellProps?:\n          | ((\n              data: Pick<\n                ItemKeySlot<any>,\n                'value' | 'item' | 'index' | 'internalItem'\n              >,\n            ) => Record<string, any>)\n          | { readonly [x: string]: any }\n          | undefined\n        readonly sortable?: boolean | undefined\n        readonly sort?: DataTableCompareFunction<any> | undefined\n        readonly sortRaw?: DataTableCompareFunction<any> | undefined\n        readonly filter?: FilterFunction | undefined\n        readonly mobile?: boolean | undefined\n        readonly children?: readonly any[] | undefined\n      }[]\n    | undefined\n}[]\n",
     "description": "An array of objects that each describe a header column."
   },
-  "VDataTableServer/disable-sort": {
-    "type": "boolean\n",
-    "description": "Toggles rendering of sort button."
-  },
-  "VDataTableServer/multi-sort": {
-    "type": "boolean\n",
-    "description": "Allows sorting by multiple columns."
-  },
   "VDataTableServer/sort-asc-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for ascending sort button."
@@ -3955,29 +4007,9 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for descending sort button."
   },
-  "VDataTableServer/header-props": {
-    "type": "unknown\n",
-    "description": "Pass props to the default header. See [`v-data-table-server` API](/api/v-data-table-server) for more information."
-  },
-  "VDataTableServer/cell-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'index' | 'internalItem' | 'column'\n      >,\n    ) => Record<string, any>)\n",
-    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
-  },
-  "VDataTableServer/sort-by": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
-    "description": "Array of column keys and sort orders that determines the sort order of the table."
-  },
-  "VDataTableServer/page": {
-    "type": "string | number\n",
-    "description": "The current displayed page number (1-indexed)."
-  },
-  "VDataTableServer/expanded": {
-    "type": "string[]\n",
-    "description": "Whether the item is expanded or not."
-  },
-  "VDataTableServer/expand-on-click": {
-    "type": "boolean\n",
-    "description": "Expands item when the row is clicked."
+  "VDataTableServer/mobile-breakpoint": {
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
+    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
   "VDataTableServer/loading-text": {
     "type": "string\n",
@@ -3987,18 +4019,6 @@
     "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
     "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
   },
-  "VDataTableServer/group-by": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
-    "description": "Defines the grouping of the table items."
-  },
-  "VDataTableServer/items-length": {
-    "type": "string | number\n",
-    "description": "Number of all items."
-  },
-  "VDataTableServer/items-per-page": {
-    "type": "string | number\n",
-    "description": "The number of items to display on each page."
-  },
   "VDataTableServer/hide-default-body": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/DataTable.json))"
@@ -4011,65 +4031,73 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/DataTable.json))"
   },
-  "VDataTableServer/show-expand": {
-    "type": "boolean\n",
-    "description": "Shows the expand icon."
-  },
-  "VDataTableServer/item-selectable": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that indicates whether the item is selectable."
-  },
-  "VDataTableServer/show-select": {
+  "VDataTableServer/fixed-header": {
     "type": "boolean\n",
-    "description": "Shows the column with checkboxes for selecting items in the list."
+    "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
   },
-  "VDataTableServer/must-sort": {
+  "VDataTableServer/fixed-footer": {
     "type": "boolean\n",
-    "description": "Forces sorting on the column(s)."
+    "description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
   },
-  "VDataTableServer/custom-key-sort": {
+  "VDataTableVirtual/model-value": {
     "type": "unknown\n",
-    "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
-  "VDataTableServer/fixed-header": {
-    "type": "boolean\n",
-    "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
+  "VDataTableVirtual/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
   },
-  "VDataTableServer/fixed-footer": {
+  "VDataTableVirtual/height": {
+    "type": "string | number\n",
+    "description": "Use the height prop to set the height of the table."
+  },
+  "VDataTableVirtual/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
+  },
+  "VDataTableVirtual/sticky": {
     "type": "boolean\n",
-    "description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
+    "description": "Sticks the header to the top of the table."
   },
   "VDataTableVirtual/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "VDataTableVirtual/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VDataTableVirtual/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VDataTableVirtual/search": {
     "type": "string\n",
     "description": "Text input used to filter items."
   },
-  "VDataTableVirtual/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VDataTableVirtual/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
+  },
+  "VDataTableVirtual/mobile": {
+    "type": "boolean\n",
+    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
+  },
+  "VDataTableVirtual/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
   "VDataTableVirtual/items": {
     "type": "any[]\n",
     "description": "An array of strings or objects used for automatically generating children components."
   },
-  "VDataTableVirtual/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
-  "VDataTableVirtual/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
-  "VDataTableVirtual/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
+  "VDataTableVirtual/hover": {
+    "type": "boolean\n",
+    "description": "Will add a hover effect to a table's row when the mouse is over it."
   },
-  "VDataTableVirtual/height": {
-    "type": "string | number\n",
-    "description": "Use the height prop to set the height of the table."
+  "VDataTableVirtual/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
   "VDataTableVirtual/filter-mode": {
     "type": "'every' | 'some' | 'union' | 'intersection'\n",
@@ -4099,10 +4127,6 @@
     "type": "'single' | 'page' | 'all'\n",
     "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
   },
-  "VDataTableVirtual/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
-  },
   "VDataTableVirtual/item-value": {
     "type": "SelectItemKey<any>\n",
     "description": "Property on supplied `items` that contains its value."
@@ -4111,53 +4135,41 @@
     "type": "boolean\n",
     "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
   },
-  "VDataTableVirtual/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
-  },
   "VDataTableVirtual/no-data-text": {
     "type": "string\n",
     "description": "Text shown when no items are provided to the component."
   },
-  "VDataTableVirtual/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays `loading` slot if set to `true`"
+  "VDataTableVirtual/header-props": {
+    "type": "unknown\n",
+    "description": "Pass props to the default header."
   },
-  "VDataTableVirtual/mobile": {
-    "type": "boolean\n",
-    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
+  "VDataTableVirtual/cell-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'column' | 'index' | 'internalItem'\n      >,\n    ) => Record<string, any>)\n",
+    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
   },
-  "VDataTableVirtual/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
-    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
+  "VDataTableVirtual/headers": {
+    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-group'\n    | 'data-table-select'\n    | 'data-table-expand'\n    | undefined\n  readonly value?: SelectItemKey<Record<string, any>>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'end' | 'start' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | { readonly [x: string]: any }\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'value' | 'item' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?:\n    | readonly {\n        readonly key?:\n          | (string & {})\n          | 'data-table-group'\n          | 'data-table-select'\n          | 'data-table-expand'\n          | undefined\n        readonly value?: SelectItemKey<Record<string, any>>\n        readonly title?: string | undefined\n        readonly fixed?: boolean | undefined\n        readonly align?: 'end' | 'start' | 'center' | undefined\n        readonly width?: string | number | undefined\n        readonly minWidth?: string | undefined\n        readonly maxWidth?: string | undefined\n        readonly nowrap?: boolean | undefined\n        readonly headerProps?: { readonly [x: string]: any } | undefined\n        readonly cellProps?:\n          | { readonly [x: string]: any }\n          | ((\n              data: Pick<\n                ItemKeySlot<any>,\n                'value' | 'item' | 'index' | 'internalItem'\n              >,\n            ) => Record<string, any>)\n          | undefined\n        readonly sortable?: boolean | undefined\n        readonly sort?: DataTableCompareFunction<any> | undefined\n        readonly sortRaw?: DataTableCompareFunction<any> | undefined\n        readonly filter?: FilterFunction | undefined\n        readonly mobile?: boolean | undefined\n        readonly children?: readonly any[] | undefined\n      }[]\n    | undefined\n}[]\n",
+    "description": "An array of objects that each describe a header column."
   },
-  "VDataTableVirtual/sticky": {
-    "type": "boolean\n",
-    "description": "Sticks the header to the top of the table."
+  "VDataTableVirtual/loading-text": {
+    "type": "string\n",
+    "description": "Text shown when the data is loading."
   },
-  "VDataTableVirtual/item-selectable": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that indicates whether the item is selectable."
+  "VDataTableVirtual/row-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
+    "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
   },
-  "VDataTableVirtual/show-select": {
+  "VDataTableVirtual/hide-default-body": {
     "type": "boolean\n",
-    "description": "Shows the column with checkboxes for selecting items in the list."
-  },
-  "VDataTableVirtual/sort-by": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
-    "description": "Array of column keys and sort orders that determines the sort order of the table."
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/DataTable.json))"
   },
-  "VDataTableVirtual/multi-sort": {
+  "VDataTableVirtual/hide-default-footer": {
     "type": "boolean\n",
-    "description": "Allows sorting by multiple columns."
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/DataTable.json))"
   },
-  "VDataTableVirtual/must-sort": {
+  "VDataTableVirtual/hide-default-header": {
     "type": "boolean\n",
-    "description": "Forces sorting on the column(s)."
-  },
-  "VDataTableVirtual/custom-key-sort": {
-    "type": "unknown\n",
-    "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/DataTable.json))"
   },
   "VDataTableVirtual/expand-on-click": {
     "type": "boolean\n",
@@ -4175,41 +4187,33 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
     "description": "Defines the grouping of the table items."
   },
-  "VDataTableVirtual/header-props": {
-    "type": "unknown\n",
-    "description": "Pass props to the default header."
-  },
-  "VDataTableVirtual/cell-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'index' | 'column' | 'internalItem'\n      >,\n    ) => Record<string, any>)\n",
-    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
+  "VDataTableVirtual/item-selectable": {
+    "type": "SelectItemKey<any>\n",
+    "description": "Property on supplied `items` that indicates whether the item is selectable."
   },
-  "VDataTableVirtual/disable-sort": {
+  "VDataTableVirtual/show-select": {
     "type": "boolean\n",
-    "description": "Toggles rendering of sort button."
-  },
-  "VDataTableVirtual/headers": {
-    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-group'\n    | 'data-table-select'\n    | 'data-table-expand'\n    | undefined\n  readonly value?: SelectItemKey<Record<string, any>>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'start' | 'end' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | { readonly [x: string]: any }\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'value' | 'item' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?:\n    | readonly {\n        readonly key?:\n          | (string & {})\n          | 'data-table-group'\n          | 'data-table-select'\n          | 'data-table-expand'\n          | undefined\n        readonly value?: SelectItemKey<Record<string, any>>\n        readonly title?: string | undefined\n        readonly fixed?: boolean | undefined\n        readonly align?: 'start' | 'end' | 'center' | undefined\n        readonly width?: string | number | undefined\n        readonly minWidth?: string | undefined\n        readonly maxWidth?: string | undefined\n        readonly nowrap?: boolean | undefined\n        readonly headerProps?: { readonly [x: string]: any } | undefined\n        readonly cellProps?:\n          | { readonly [x: string]: any }\n          | ((\n              data: Pick<\n                ItemKeySlot<any>,\n                'value' | 'item' | 'index' | 'internalItem'\n              >,\n            ) => Record<string, any>)\n          | undefined\n        readonly sortable?: boolean | undefined\n        readonly sort?: DataTableCompareFunction<any> | undefined\n        readonly sortRaw?: DataTableCompareFunction<any> | undefined\n        readonly filter?: FilterFunction | undefined\n        readonly mobile?: boolean | undefined\n        readonly children?: readonly any[] | undefined\n      }[]\n    | undefined\n}[]\n",
-    "description": "An array of objects that each describe a header column."
-  },
-  "VDataTableVirtual/loading-text": {
-    "type": "string\n",
-    "description": "Text shown when the data is loading."
+    "description": "Shows the column with checkboxes for selecting items in the list."
   },
-  "VDataTableVirtual/row-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
-    "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
+  "VDataTableVirtual/sort-by": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
+    "description": "Array of column keys and sort orders that determines the sort order of the table."
   },
-  "VDataTableVirtual/hide-default-body": {
+  "VDataTableVirtual/multi-sort": {
     "type": "boolean\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/DataTable.json))"
+    "description": "Allows sorting by multiple columns."
   },
-  "VDataTableVirtual/hide-default-footer": {
+  "VDataTableVirtual/must-sort": {
     "type": "boolean\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/DataTable.json))"
+    "description": "Forces sorting on the column(s)."
+  },
+  "VDataTableVirtual/custom-key-sort": {
+    "type": "unknown\n",
+    "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
   },
-  "VDataTableVirtual/hide-default-header": {
+  "VDataTableVirtual/disable-sort": {
     "type": "boolean\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/DataTable.json))"
+    "description": "Toggles rendering of sort button."
   },
   "VDataTableVirtual/sort-asc-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -4227,69 +4231,41 @@
     "type": "boolean\n",
     "description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
   },
-  "VDataTableVirtual/hover": {
-    "type": "boolean\n",
-    "description": "Will add a hover effect to a table's row when the mouse is over it."
-  },
   "VDataTableVirtual/item-height": {
     "type": "string | number\n",
     "description": "Height in pixels of each item to display."
   },
-  "VDateInput/flat": {
-    "type": "boolean\n",
-    "description": "Removes box shadow when using a variant with elevation."
-  },
-  "VDateInput/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VDateInput/type": {
+  "VDateInput/title": {
     "type": "string\n",
-    "description": "Sets input type."
-  },
-  "VDateInput/reverse": {
-    "type": "boolean\n",
-    "description": "Reverses the orientation."
+    "description": "Specify a title text for the component."
   },
-  "VDateInput/name": {
+  "VDateInput/text": {
     "type": "string\n",
-    "description": "Sets the component's name attribute."
+    "description": "Specify content text for the component."
   },
-  "VDateInput/error": {
+  "VDateInput/flat": {
     "type": "boolean\n",
-    "description": "Puts the input in a manual error state."
-  },
-  "VDateInput/header": {
-    "type": "string\n",
-    "description": "Text shown when no **display-date** is set."
-  },
-  "VDateInput/label": {
-    "type": "string\n",
-    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
-  },
-  "VDateInput/title": {
-    "type": "string\n",
-    "description": "Specify a title text for the component."
+    "description": "Removes box shadow when using a variant with elevation."
   },
-  "VDateInput/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VDateInput/border": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
   },
-  "VDateInput/id": {
+  "VDateInput/type": {
     "type": "string\n",
-    "description": "Sets the DOM id on the component."
+    "description": "Sets input type."
   },
   "VDateInput/model-value": {
     "type": "any\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
-  "VDateInput/location": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDateInput.json))"
+  "VDateInput/error": {
+    "type": "boolean\n",
+    "description": "Puts the input in a manual error state."
   },
-  "VDateInput/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VDateInput/reverse": {
+    "type": "boolean\n",
+    "description": "Reverses the orientation."
   },
   "VDateInput/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
@@ -4297,16 +4273,40 @@
   },
   "VDateInput/height": {
     "type": "string | number\n",
-    "description": "Sets the height of the input."
+    "description": "Sets the height for the component."
   },
-  "VDateInput/border": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  "VDateInput/max-height": {
+    "type": "string | number\n",
+    "description": "Sets the maximum height for the component."
+  },
+  "VDateInput/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
+  },
+  "VDateInput/min-height": {
+    "type": "string | number\n",
+    "description": "Sets the minimum height for the component."
+  },
+  "VDateInput/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
+  },
+  "VDateInput/width": {
+    "type": "string | number\n",
+    "description": "Width of the picker."
   },
   "VDateInput/elevation": {
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
+  "VDateInput/location": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDateInput.json))"
+  },
+  "VDateInput/position": {
+    "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
+    "description": "Sets the position for the component."
+  },
   "VDateInput/rounded": {
     "type": "string | number | boolean\n",
     "description": "Adds a border radius to the input."
@@ -4315,53 +4315,137 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VDateInput/text": {
+  "VDateInput/tag": {
     "type": "string\n",
-    "description": "Specify content text for the component."
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VDateInput/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VDateInput/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VDateInput/variant": {
+    "type": "  | 'outlined'\n  | 'plain'\n  | 'underlined'\n  | 'filled'\n  | 'solo'\n  | 'solo-inverted'\n  | 'solo-filled'\n",
+    "description": "Applies a distinct style to the component."
+  },
+  "VDateInput/name": {
+    "type": "string\n",
+    "description": "Sets the component's name attribute."
+  },
+  "VDateInput/active": {
+    "type": "boolean\n",
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
   },
   "VDateInput/base-color": {
     "type": "string\n",
     "description": "Sets the color of the input when it is not focused."
   },
-  "VDateInput/bg-color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VDateInput/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
+  },
+  "VDateInput/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VDateInput/readonly": {
+    "type": "boolean\n",
+    "description": "Makes the picker readonly (doesn't allow to select new date)."
   },
   "VDateInput/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the input."
   },
+  "VDateInput/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
+  },
+  "VDateInput/label": {
+    "type": "string\n",
+    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
+  },
+  "VDateInput/max": {
+    "type": "unknown\n",
+    "description": "Maximum allowed date/month (ISO 8601 format)."
+  },
+  "VDateInput/transition": {
+    "type": "string\n",
+    "description": "The transition used when changing months into the future"
+  },
+  "VDateInput/bg-color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VDateInput/header": {
+    "type": "string\n",
+    "description": "Text shown when no **display-date** is set."
+  },
   "VDateInput/multiple": {
     "type": "number | boolean | (string & {}) | 'range'\n",
     "description": "Allow the selection of multiple dates. The **range** value selects all dates between two selections."
   },
-  "VDateInput/max-height": {
-    "type": "string | number\n",
-    "description": "Sets the maximum height for the component."
+  "VDateInput/id": {
+    "type": "string\n",
+    "description": "Sets the DOM id on the component."
   },
-  "VDateInput/max-width": {
-    "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
+  "VDateInput/hide-header": {
+    "type": "boolean\n",
+    "description": "Hide the picker header."
   },
-  "VDateInput/min-height": {
+  "VDateInput/month": {
     "type": "string | number\n",
-    "description": "Sets the minimum height for the component."
+    "description": "Sets the month."
   },
-  "VDateInput/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
+  "VDateInput/show-adjacent-months": {
+    "type": "boolean\n",
+    "description": "Toggles visibility of days from previous and next months."
   },
-  "VDateInput/width": {
+  "VDateInput/year": {
+    "type": "number\n",
+    "description": "Sets the year."
+  },
+  "VDateInput/weekdays": {
+    "type": "number[]\n",
+    "description": "Array of weekdays."
+  },
+  "VDateInput/weeks-in-month": {
+    "type": "'static' | 'dynamic'\n",
+    "description": "A dynamic number of weeks in a month will grow and shrink depending on how many days are in the month. A static number always shows 7 weeks."
+  },
+  "VDateInput/first-day-of-week": {
     "type": "string | number\n",
-    "description": "Width of the picker."
+    "description": "Sets the first day of the week, starting with 0 for Sunday."
   },
-  "VDateInput/variant": {
-    "type": "  | 'outlined'\n  | 'plain'\n  | 'underlined'\n  | 'filled'\n  | 'solo'\n  | 'solo-inverted'\n  | 'solo-filled'\n",
-    "description": "Applies a distinct style to the component."
+  "VDateInput/allowed-dates": {
+    "type": "unknown[] | ((date: unknown) => boolean)\n",
+    "description": "Restricts which dates can be selected."
   },
-  "VDateInput/transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the future"
+  "VDateInput/display-value": {
+    "type": "unknown\n",
+    "description": "The value that determines the month to show. This is different from modelValue, which determines the selected value."
+  },
+  "VDateInput/min": {
+    "type": "unknown\n",
+    "description": "Minimum allowed date/month (ISO 8601 format)."
+  },
+  "VDateInput/next-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used for the next button."
+  },
+  "VDateInput/prev-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used for the previous button."
+  },
+  "VDateInput/view-mode": {
+    "type": "'month' | 'year' | 'months'\n",
+    "description": "Sets the view mode of the date picker."
+  },
+  "VDateInput/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Changes the direction of the input."
   },
   "VDateInput/autofocus": {
     "type": "boolean\n",
@@ -4395,18 +4479,10 @@
     "type": "string\n",
     "description": "The role attribute applied to the input."
   },
-  "VDateInput/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
   "VDateInput/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
   },
-  "VDateInput/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
-  },
   "VDateInput/hide-spin-buttons": {
     "type": "boolean\n",
     "description": "Hides spin buttons on the input when type is set to `number`."
@@ -4423,10 +4499,6 @@
     "type": "string | string[]\n",
     "description": "Displays a list of messages or a single message if using a string."
   },
-  "VDateInput/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "Changes the direction of the input."
-  },
   "VDateInput/error-messages": {
     "type": "string | string[]\n",
     "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation."
@@ -4435,10 +4507,6 @@
     "type": "string | number\n",
     "description": "Control the maximum number of shown errors from validation."
   },
-  "VDateInput/readonly": {
-    "type": "boolean\n",
-    "description": "Puts input in readonly state."
-  },
   "VDateInput/rules": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
@@ -4471,10 +4539,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when the **clearable** prop is set to true."
   },
-  "VDateInput/active": {
-    "type": "boolean\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
-  },
   "VDateInput/dirty": {
     "type": "boolean\n",
     "description": "Manually apply the dirty state styling."
@@ -4488,12 +4552,8 @@
     "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot."
   },
   "VDateInput/single-line": {
-    "type": "boolean\n",
-    "description": "Label does not move on focus/dirty."
-  },
-  "VDateInput/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
+    "type": "boolean\n",
+    "description": "Label does not move on focus/dirty."
   },
   "VDateInput/counter-value": {
     "type": "number | ((value: any) => number)\n",
@@ -4503,33 +4563,9 @@
     "type": "unknown\n",
     "description": "**FOR INTERNAL USE ONLY**"
   },
-  "VDateInput/max": {
-    "type": "unknown\n",
-    "description": "Maximum allowed date/month (ISO 8601 format)."
-  },
-  "VDateInput/next-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Sets the icon for next month/year button."
-  },
-  "VDateInput/prev-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Sets the icon for previous month/year button."
-  },
-  "VDateInput/view-mode": {
-    "type": "'month' | 'months' | 'year'\n",
-    "description": "Determines which picker in the date or month picker is being displayed. Allowed values: `'month'`, `'months'`, `'year'`."
-  },
-  "VDateInput/month": {
-    "type": "string | number\n",
-    "description": "Sets the month."
-  },
-  "VDateInput/position": {
-    "type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
-    "description": "Sets the position for the component."
-  },
-  "VDateInput/reverse-transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the past"
+  "VDateInput/hide-actions": {
+    "type": "boolean\n",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDateInput.json))"
   },
   "VDateInput/cancel-text": {
     "type": "string\n",
@@ -4539,17 +4575,9 @@
     "type": "string\n",
     "description": "Text for the ok button"
   },
-  "VDateInput/hide-actions": {
-    "type": "boolean\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDateInput.json))"
-  },
   "VDateInput/mode-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon displayed next to the current month and year, toggles year selection when clicked."
-  },
-  "VDateInput/year": {
-    "type": "number\n",
-    "description": "Sets the year."
+    "description": "Icon used for the mode button."
   },
   "VDateInput/hide-weekdays": {
     "type": "boolean\n",
@@ -4559,62 +4587,78 @@
     "type": "boolean\n",
     "description": "Toggles visibility of the week numbers in the body of the calendar."
   },
-  "VDateInput/show-adjacent-months": {
-    "type": "boolean\n",
-    "description": "Toggles visibility of days from previous and next months."
-  },
-  "VDateInput/weekdays": {
-    "type": "number[]\n",
-    "description": "Array of weekdays."
-  },
-  "VDateInput/weeks-in-month": {
-    "type": "'static' | 'dynamic'\n",
-    "description": "A dynamic number of weeks in a month will grow and shrink depending on how many days are in the month. A static number always shows 7 weeks."
-  },
-  "VDateInput/first-day-of-week": {
-    "type": "string | number\n",
-    "description": "Sets the first day of the week, starting with 0 for Sunday."
-  },
-  "VDateInput/allowed-dates": {
-    "type": "unknown[] | ((date: unknown) => boolean)\n",
-    "description": "Restricts which dates can be selected."
-  },
-  "VDateInput/display-value": {
-    "type": "unknown\n",
-    "description": "The value that determines the month to show. This is different from modelValue, which determines the selected value."
-  },
-  "VDateInput/min": {
-    "type": "unknown\n",
-    "description": "Minimum allowed date/month (ISO 8601 format)."
+  "VDateInput/reverse-transition": {
+    "type": "string\n",
+    "description": "The transition used when changing months into the past"
   },
   "VDateInput/landscape": {
     "type": "boolean\n",
-    "description": "Changes the picker to landscape mode."
+    "description": "Puts the picker into landscape mode."
   },
-  "VDateInput/hide-header": {
-    "type": "boolean\n",
-    "description": "Hides the header."
+  "VDatePicker/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VDatePicker/header": {
+    "type": "string\n",
+    "description": "Text shown when no **display-date** is set."
   },
   "VDatePicker/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VDatePicker/text": {
+  "VDatePicker/theme": {
     "type": "string\n",
-    "description": "Specify content text for the component."
-  },
-  "VDatePicker/border": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+    "description": "Specify a theme for this component and all of its children."
   },
   "VDatePicker/model-value": {
     "type": "unknown\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
+  "VDatePicker/location": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
+    "description": "Specifies the component's location. Can combine by using a space separated string."
+  },
+  "VDatePicker/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VDatePicker/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
+  "VDatePicker/border": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  },
+  "VDatePicker/elevation": {
+    "type": "string | number\n",
+    "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
+  },
+  "VDatePicker/rounded": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
+  },
+  "VDatePicker/tile": {
+    "type": "boolean\n",
+    "description": "Removes any applied **border-radius** from the component."
+  },
+  "VDatePicker/text": {
+    "type": "string\n",
+    "description": "Specify content text for the component."
+  },
+  "VDatePicker/bg-color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VDatePicker/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
+  "VDatePicker/multiple": {
+    "type": "number | boolean | (string & {}) | 'range'\n",
+    "description": "Allow the selection of multiple dates. The **range** value selects all dates between two selections."
+  },
   "VDatePicker/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -4635,82 +4679,62 @@
     "type": "string | number\n",
     "description": "Width of the picker."
   },
-  "VDatePicker/elevation": {
-    "type": "string | number\n",
-    "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
-  },
-  "VDatePicker/location": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
-    "description": "Specifies the component's location. Can combine by using a space separated string."
-  },
-  "VDatePicker/position": {
-    "type": "'static' | 'relative' | 'fixed' | 'absolute' | 'sticky'\n",
-    "description": "Sets the position for the component."
-  },
-  "VDatePicker/rounded": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
-  },
-  "VDatePicker/tile": {
-    "type": "boolean\n",
-    "description": "Removes any applied **border-radius** from the component."
-  },
-  "VDatePicker/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VDatePicker/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VDatePicker/color": {
+  "VDatePicker/transition": {
     "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+    "description": "The transition used when changing months into the future"
   },
   "VDatePicker/active": {
     "type": "string | string[]\n",
     "description": "Controls the **active** state of the item. This is typically used to highlight the component."
   },
-  "VDatePicker/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
   "VDatePicker/max": {
     "type": "unknown\n",
     "description": "Maximum allowed date/month (ISO 8601 format)."
   },
-  "VDatePicker/transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the future"
-  },
-  "VDatePicker/bg-color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
-  "VDatePicker/header": {
-    "type": "string\n",
-    "description": "Text shown when no **display-date** is set."
+  "VDatePicker/next-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Sets the icon for next month/year button."
   },
-  "VDatePicker/multiple": {
-    "type": "number | boolean | (string & {}) | 'range'\n",
-    "description": "Allow the selection of multiple dates. The **range** value selects all dates between two selections."
+  "VDatePicker/prev-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Sets the icon for previous month/year button."
   },
-  "VDatePicker/hide-header": {
-    "type": "boolean\n",
-    "description": "Hides the header."
+  "VDatePicker/view-mode": {
+    "type": "'month' | 'months' | 'year'\n",
+    "description": "Determines which picker in the date or month picker is being displayed. Allowed values: `'month'`, `'months'`, `'year'`."
   },
   "VDatePicker/month": {
     "type": "string | number\n",
     "description": "Sets the month."
   },
-  "VDatePicker/show-adjacent-months": {
-    "type": "boolean\n",
-    "description": "Toggles visibility of days from previous and next months."
+  "VDatePicker/position": {
+    "type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
+    "description": "Sets the position for the component."
+  },
+  "VDatePicker/reverse-transition": {
+    "type": "string\n",
+    "description": "The transition used when changing months into the past"
+  },
+  "VDatePicker/mode-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon displayed next to the current month and year, toggles year selection when clicked."
   },
   "VDatePicker/year": {
     "type": "number\n",
     "description": "Sets the year."
   },
+  "VDatePicker/hide-weekdays": {
+    "type": "boolean\n",
+    "description": "Hides the weekdays."
+  },
+  "VDatePicker/show-week": {
+    "type": "boolean\n",
+    "description": "Toggles visibility of the week numbers in the body of the calendar."
+  },
+  "VDatePicker/show-adjacent-months": {
+    "type": "boolean\n",
+    "description": "Toggles visibility of days from previous and next months."
+  },
   "VDatePicker/weekdays": {
     "type": "number[]\n",
     "description": "Array of weekdays."
@@ -4735,38 +4759,14 @@
     "type": "unknown\n",
     "description": "Minimum allowed date/month (ISO 8601 format)."
   },
-  "VDatePicker/next-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Sets the icon for next month/year button."
-  },
-  "VDatePicker/prev-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Sets the icon for previous month/year button."
-  },
-  "VDatePicker/view-mode": {
-    "type": "'month' | 'year' | 'months'\n",
-    "description": "Determines which picker in the date or month picker is being displayed. Allowed values: `'month'`, `'months'`, `'year'`."
-  },
-  "VDatePicker/mode-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon displayed next to the current month and year, toggles year selection when clicked."
-  },
-  "VDatePicker/hide-weekdays": {
-    "type": "boolean\n",
-    "description": "Hides the weekdays."
-  },
-  "VDatePicker/show-week": {
-    "type": "boolean\n",
-    "description": "Toggles visibility of the week numbers in the body of the calendar."
-  },
-  "VDatePicker/reverse-transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the past"
-  },
   "VDatePicker/landscape": {
     "type": "boolean\n",
     "description": "Changes the picker to landscape mode."
   },
+  "VDatePicker/hide-header": {
+    "type": "boolean\n",
+    "description": "Hides the header."
+  },
   "VDatePickerControls/text": {
     "type": "string\n",
     "description": "Specify content text for the component."
@@ -4823,42 +4823,30 @@
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
-  "VDatePickerMonth/multiple": {
-    "type": "number | boolean | (string & {}) | 'range'\n",
-    "description": "Sets the multiple of the month."
+  "VDatePickerMonth/max": {
+    "type": "unknown\n",
+    "description": "Sets the maximum date of the month."
   },
   "VDatePickerMonth/transition": {
     "type": "string\n",
     "description": "The transition used when changing months into the future"
   },
-  "VDatePickerMonth/max": {
-    "type": "unknown\n",
-    "description": "Sets the maximum date of the month."
+  "VDatePickerMonth/multiple": {
+    "type": "number | boolean | (string & {}) | 'range'\n",
+    "description": "Sets the multiple of the month."
   },
   "VDatePickerMonth/month": {
     "type": "string | number\n",
     "description": "Sets the month."
   },
-  "VDatePickerMonth/reverse-transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the past"
+  "VDatePickerMonth/show-adjacent-months": {
+    "type": "boolean\n",
+    "description": "Show adjacent months."
   },
   "VDatePickerMonth/year": {
     "type": "string | number\n",
     "description": "Sets the year."
   },
-  "VDatePickerMonth/hide-weekdays": {
-    "type": "boolean\n",
-    "description": "Hide the days of the week letters."
-  },
-  "VDatePickerMonth/show-week": {
-    "type": "boolean\n",
-    "description": "Show the week number."
-  },
-  "VDatePickerMonth/show-adjacent-months": {
-    "type": "boolean\n",
-    "description": "Show adjacent months."
-  },
   "VDatePickerMonth/weekdays": {
     "type": "number[]\n",
     "description": "Sets the weekdays of the month."
@@ -4883,18 +4871,30 @@
     "type": "unknown\n",
     "description": "Sets the minimum date of the month."
   },
+  "VDatePickerMonth/hide-weekdays": {
+    "type": "boolean\n",
+    "description": "Hide the days of the week letters."
+  },
+  "VDatePickerMonth/show-week": {
+    "type": "boolean\n",
+    "description": "Show the week number."
+  },
+  "VDatePickerMonth/reverse-transition": {
+    "type": "string\n",
+    "description": "The transition used when changing months into the past"
+  },
   "VDatePickerMonths/model-value": {
     "type": "number\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
-  "VDatePickerMonths/height": {
-    "type": "string | number\n",
-    "description": "Sets the height for the component."
-  },
   "VDatePickerMonths/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
+  "VDatePickerMonths/height": {
+    "type": "string | number\n",
+    "description": "Sets the height for the component."
+  },
   "VDatePickerMonths/max": {
     "type": "unknown\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VDatePickerMonths.json))"
@@ -5187,18 +5187,34 @@
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VEmptyState/text": {
+  "VEmptyState/theme": {
     "type": "string\n",
-    "description": "Specify content text for the component."
+    "description": "Specify a theme for this component and all of its children."
   },
-  "VEmptyState/icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
+  "VEmptyState/size": {
+    "type": "string | number\n",
+    "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
+  },
+  "VEmptyState/image": {
+    "type": "string\n",
+    "description": "Apply a specific image using [v-img](/components/images/)."
+  },
+  "VEmptyState/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
   "VEmptyState/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
+  "VEmptyState/text": {
+    "type": "string\n",
+    "description": "Specify content text for the component."
+  },
+  "VEmptyState/bg-color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VEmptyState/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -5219,14 +5235,6 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VEmptyState/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VEmptyState/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
   "VEmptyState/href": {
     "type": "string\n",
     "description": "The URL the action button links to."
@@ -5235,17 +5243,9 @@
     "type": "string\n",
     "description": "The URL the action button links to."
   },
-  "VEmptyState/size": {
-    "type": "string | number\n",
-    "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
-  },
-  "VEmptyState/image": {
-    "type": "string\n",
-    "description": "Apply a specific image using [v-img](/components/images/)."
-  },
-  "VEmptyState/bg-color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VEmptyState/icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
   },
   "VEmptyState/headline": {
     "type": "string\n",
@@ -5256,93 +5256,49 @@
     "description": "The text used for the action button."
   },
   "VEmptyState/justify": {
-    "type": "'end' | 'start' | 'center'\n",
+    "type": "'start' | 'end' | 'center'\n",
     "description": "Control the justification of the text."
   },
   "VEmptyState/text-width": {
     "type": "string | number\n",
     "description": "Sets the width of the text container."
   },
-  "VExpandTransition/mode": {
-    "type": "'default' | 'in-out' | 'out-in'\n",
-    "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
-  },
   "VExpandTransition/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
+  "VExpandTransition/mode": {
+    "type": "'default' | 'in-out' | 'out-in'\n",
+    "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
+  },
   "VExpandTransition/group": {
     "type": "boolean\n",
     "description": "Creates a `transition-group` component. You can find more information in the [vue docs](https://vuejs.org/api/built-in-components.html#transitiongroup)."
   },
-  "VExpandXTransition/mode": {
-    "type": "'default' | 'in-out' | 'out-in'\n",
-    "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
-  },
   "VExpandXTransition/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
+  "VExpandXTransition/mode": {
+    "type": "'default' | 'in-out' | 'out-in'\n",
+    "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
+  },
   "VExpandXTransition/group": {
     "type": "boolean\n",
     "description": "Creates a `transition-group` component. You can find more information in the [vue docs](https://vuejs.org/api/built-in-components.html#transitiongroup)."
   },
-  "VExpansionPanel/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VExpansionPanel/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VExpansionPanel/value": {
-    "type": "any\n",
-    "description": "Controls the opened/closed state of content."
-  },
-  "VExpansionPanel/color": {
+  "VExpansionPanel/text": {
     "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+    "description": "Specify content text for the component."
   },
   "VExpansionPanel/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VExpansionPanel/elevation": {
-    "type": "string | number\n",
-    "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
-  },
-  "VExpansionPanel/rounded": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
-  },
-  "VExpansionPanel/tile": {
-    "type": "boolean\n",
-    "description": "Removes any applied **border-radius** from the component."
-  },
-  "VExpansionPanel/text": {
-    "type": "string\n",
-    "description": "Specify content text for the component."
-  },
-  "VExpansionPanel/eager": {
-    "type": "boolean\n",
-    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
-  },
-  "VExpansionPanel/bg-color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
-  "VExpansionPanel/disabled": {
-    "type": "boolean\n",
-    "description": "Disables the expansion-panel content."
-  },
-  "VExpansionPanel/expand-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used when the expansion panel is in a expandable state."
-  },
-  "VExpansionPanel/collapse-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used when the expansion panel is in a collapsable state."
-  },
   "VExpansionPanel/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -5363,21 +5319,65 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
+  "VExpansionPanel/elevation": {
+    "type": "string | number\n",
+    "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
+  },
   "VExpansionPanel/static": {
     "type": "boolean\n",
     "description": "Remove title size expansion when selected."
   },
+  "VExpansionPanel/rounded": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
+  },
+  "VExpansionPanel/tile": {
+    "type": "boolean\n",
+    "description": "Removes any applied **border-radius** from the component."
+  },
+  "VExpansionPanel/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VExpansionPanel/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VExpansionPanel/readonly": {
     "type": "boolean\n",
     "description": "Makes the expansion panel content read only."
   },
+  "VExpansionPanel/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
+  "VExpansionPanel/value": {
+    "type": "any\n",
+    "description": "Controls the opened/closed state of content."
+  },
+  "VExpansionPanel/disabled": {
+    "type": "boolean\n",
+    "description": "Disables the expansion-panel content."
+  },
   "VExpansionPanel/selected-class": {
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
   },
-  "VExpansionPanel/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  "VExpansionPanel/bg-color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VExpansionPanel/eager": {
+    "type": "boolean\n",
+    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+  },
+  "VExpansionPanel/expand-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used when the expansion panel is in a expandable state."
+  },
+  "VExpansionPanel/collapse-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used when the expansion panel is in a collapsable state."
   },
   "VExpansionPanel/hide-actions": {
     "type": "boolean\n",
@@ -5391,10 +5391,22 @@
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
+  "VExpansionPanelTitle/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VExpansionPanelTitle/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
+  "VExpansionPanelTitle/expand-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used when the expansion panel is in a expandable state."
+  },
+  "VExpansionPanelTitle/collapse-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used when the expansion panel is in a collapsable state."
+  },
   "VExpansionPanelTitle/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -5419,10 +5431,6 @@
     "type": "boolean\n",
     "description": "Remove title size expansion when selected."
   },
-  "VExpansionPanelTitle/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
   "VExpansionPanelTitle/readonly": {
     "type": "boolean\n",
     "description": "Makes the expansion panel content read only."
@@ -5431,14 +5439,6 @@
     "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
-  "VExpansionPanelTitle/expand-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used when the expansion panel is in a expandable state."
-  },
-  "VExpansionPanelTitle/collapse-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used when the expansion panel is in a collapsable state."
-  },
   "VExpansionPanelTitle/hide-actions": {
     "type": "boolean\n",
     "description": "Hide the expand icon in the content title."
@@ -5715,14 +5715,14 @@
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
   },
-  "VFab/position": {
-    "type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
-    "description": "Sets the position for the component."
-  },
   "VFab/ripple": {
     "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
+  "VFab/position": {
+    "type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
+    "description": "Sets the position for the component."
+  },
   "VFab/icon": {
     "type": "  | boolean\n  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
@@ -6471,22 +6471,10 @@
     "type": "string | number\n",
     "description": "Milliseconds to wait before closing component. Only applies to hover and focus events."
   },
-  "VHover/open-delay": {
-    "type": "string | number\n",
-    "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
-  },
-  "VIcon/end": {
-    "type": "boolean\n",
-    "description": "Applies margin at the start of the component."
-  },
-  "VIcon/start": {
-    "type": "boolean\n",
-    "description": "Applies margin at the end of the component."
-  },
-  "VIcon/icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
-  },
+  "VHover/open-delay": {
+    "type": "string | number\n",
+    "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
+  },
   "VIcon/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
@@ -6495,6 +6483,10 @@
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
   },
+  "VIcon/size": {
+    "type": "string | number\n",
+    "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
+  },
   "VIcon/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
@@ -6503,34 +6495,22 @@
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
-  "VIcon/size": {
-    "type": "string | number\n",
-    "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
+  "VIcon/start": {
+    "type": "boolean\n",
+    "description": "Applies margin at the end of the component."
   },
-  "VImg/absolute": {
+  "VIcon/end": {
     "type": "boolean\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VImg.json))"
+    "description": "Applies margin at the start of the component."
   },
-  "VImg/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VIcon/icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
   },
   "VImg/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VImg/rounded": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
-  },
-  "VImg/tile": {
-    "type": "boolean\n",
-    "description": "Removes any applied **border-radius** from the component."
-  },
-  "VImg/eager": {
-    "type": "boolean\n",
-    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
-  },
   "VImg/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -6551,18 +6531,50 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VImg/content-class": {
-    "type": "any\n",
-    "description": "Apply a custom class to the internal content element."
+  "VImg/position": {
+    "type": "string\n",
+    "description": "Applies [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) styles to the image and placeholder elements."
+  },
+  "VImg/absolute": {
+    "type": "boolean\n",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/VImg.json))"
+  },
+  "VImg/rounded": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
+  },
+  "VImg/tile": {
+    "type": "boolean\n",
+    "description": "Removes any applied **border-radius** from the component."
+  },
+  "VImg/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VImg/inline": {
+    "type": "boolean\n",
+    "description": "Display as an inline element instead of a block, also disables flex-grow."
   },
   "VImg/transition": {
     "type": "string | boolean | (TransitionProps & { component: Component })\n",
     "description": "The transition to use when switching from `lazy-src` to `src`. Can be one of the [built in](/styles/transitions/) or custom transition."
   },
+  "VImg/content-class": {
+    "type": "any\n",
+    "description": "Apply a custom class to the internal content element."
+  },
+  "VImg/eager": {
+    "type": "boolean\n",
+    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+  },
   "VImg/options": {
     "type": "IntersectionObserverInit\n",
     "description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor."
   },
+  "VImg/draggable": {
+    "type": "boolean | 'true' | 'false'\n",
+    "description": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable)."
+  },
   "VImg/alt": {
     "type": "string\n",
     "description": "Alternate text for screen readers. Leave empty for decorative images."
@@ -6571,10 +6583,6 @@
     "type": "boolean\n",
     "description": "Resizes the background image to cover the entire container."
   },
-  "VImg/draggable": {
-    "type": "boolean | 'true' | 'false'\n",
-    "description": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable)."
-  },
   "VImg/gradient": {
     "type": "string\n",
     "description": "The gradient to apply to the image. Only supports [linear-gradient](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient) syntax, anything else should be done with classes."
@@ -6595,18 +6603,10 @@
     "type": "string\n",
     "description": "A set of alternate images to use based on device size. [Read more...](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset)."
   },
-  "VImg/position": {
-    "type": "string\n",
-    "description": "Applies [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) styles to the image and placeholder elements."
-  },
   "VImg/aspect-ratio": {
     "type": "string | number\n",
     "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
   },
-  "VImg/inline": {
-    "type": "boolean\n",
-    "description": "Display as an inline element instead of a block, also disables flex-grow."
-  },
   "VImg/crossorigin": {
     "type": "'' | 'anonymous' | 'use-credentials'\n",
     "description": "Specify that images should be fetched with CORS enabled [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#crossorigin)"
@@ -6615,6 +6615,18 @@
     "type": "  | 'origin'\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin-when-cross-origin'\n  | 'same-origin'\n  | 'strict-origin'\n  | 'strict-origin-when-cross-origin'\n  | 'unsafe-url'\n",
     "description": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)"
   },
+  "VInfiniteScroll/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VInfiniteScroll/mode": {
+    "type": "'intersect' | 'manual'\n",
+    "description": "Specifies if content should load automatically when scrolling (**intersect**) or manually (**manual**)."
+  },
+  "VInfiniteScroll/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
   "VInfiniteScroll/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -6639,24 +6651,12 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VInfiniteScroll/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VInfiniteScroll/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
-  "VInfiniteScroll/mode": {
-    "type": "'intersect' | 'manual'\n",
-    "description": "Specifies if content should load automatically when scrolling (**intersect**) or manually (**manual**)."
-  },
   "VInfiniteScroll/direction": {
     "type": "'horizontal' | 'vertical'\n",
     "description": "Specifies if scroller is **vertical** or **horizontal**."
   },
   "VInfiniteScroll/side": {
-    "type": "'end' | 'start' | 'both'\n",
+    "type": "'start' | 'end' | 'both'\n",
     "description": "Specifies the side where new content should appear. Either the **start**, **end**, or **both** sides."
   },
   "VInfiniteScroll/margin": {
@@ -6939,25 +6939,9 @@
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VList/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VList/nav": {
-    "type": "boolean\n",
-    "description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**."
-  },
-  "VList/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VList/items": {
-    "type": "any[]\n",
-    "description": "Can be an array of objects or strings. By default objects should have a **title** property, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props), a **value** property to allow selection, and a **children** property containing more item objects. Keys to use for these can be changed with the **item-title**, **item-value**, **item-props**, and **item-children** props."
-  },
-  "VList/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VList/border": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
   },
   "VList/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
@@ -6967,9 +6951,25 @@
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VList/border": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  "VList/max-height": {
+    "type": "string | number\n",
+    "description": "Sets the maximum height for the component."
+  },
+  "VList/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
+  },
+  "VList/min-height": {
+    "type": "string | number\n",
+    "description": "Sets the minimum height for the component."
+  },
+  "VList/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
+  },
+  "VList/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
   },
   "VList/elevation": {
     "type": "string | number\n",
@@ -6983,25 +6983,69 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VList/base-color": {
+  "VList/tag": {
     "type": "string\n",
-    "description": "Sets the color of component when not focused."
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VList/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VList/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VList/variant": {
+    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to the component."
   },
   "VList/active-color": {
     "type": "string\n",
     "description": "The applied color when the component is in an active state."
   },
-  "VList/active-class": {
+  "VList/base-color": {
     "type": "string\n",
-    "description": "The class applied to the component when it is in an active state."
+    "description": "Sets the color of component when not focused."
+  },
+  "VList/slim": {
+    "type": "boolean\n",
+    "description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
+  },
+  "VList/disabled": {
+    "type": "boolean\n",
+    "description": "Puts all children inputs into a disabled state."
   },
   "VList/bg-color": {
     "type": "string\n",
     "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VList/disabled": {
+  "VList/lines": {
+    "type": "false | 'one' | 'two' | 'three'\n",
+    "description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
+  },
+  "VList/nav": {
     "type": "boolean\n",
-    "description": "Puts all children inputs into a disabled state."
+    "description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**."
+  },
+  "VList/mandatory": {
+    "type": "boolean\n",
+    "description": "Forces at least one item to always be selected (if available)."
+  },
+  "VList/active-class": {
+    "type": "string\n",
+    "description": "The class applied to the component when it is in an active state."
+  },
+  "VList/items": {
+    "type": "any[]\n",
+    "description": "Can be an array of objects or strings. By default objects should have a **title** property, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props), a **value** property to allow selection, and a **children** property containing more item objects. Keys to use for these can be changed with the **item-title**, **item-value**, **item-props**, and **item-children** props."
+  },
+  "VList/selected": {
+    "type": "unknown\n",
+    "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
+  },
+  "VList/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
   "VList/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -7011,14 +7055,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when the list item is expanded."
   },
-  "VList/lines": {
-    "type": "false | 'one' | 'two' | 'three'\n",
-    "description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
-  },
-  "VList/slim": {
-    "type": "boolean\n",
-    "description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
-  },
   "VList/activatable": {
     "type": "boolean\n",
     "description": "Designates whether the list items are activatable."
@@ -7035,14 +7071,6 @@
     "type": "any\n",
     "description": "Array of ids of activated nodes."
   },
-  "VList/selected": {
-    "type": "unknown\n",
-    "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
-  },
-  "VList/mandatory": {
-    "type": "boolean\n",
-    "description": "Forces at least one item to always be selected (if available)."
-  },
   "VList/active-strategy": {
     "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>\n  | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>)\n",
     "description": "Affects how items with children behave when activated.\n- **leaf:** Only leaf nodes (items without children) can be activated.\n- **independent:** All nodes can be activated whether they have children or not.\n- **classic:** Activating a parent node will cause all children to be activated."
@@ -7052,29 +7080,9 @@
     "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model."
   },
   "VList/open-strategy": {
-    "type": "'single' | 'multiple' | 'list' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L20-L23\" target=\"_blank\">OpenStrategy</a>\n",
+    "type": "'multiple' | 'single' | 'list' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L20-L23\" target=\"_blank\">OpenStrategy</a>\n",
     "description": "Affects how items with children behave when expanded.\n- **multiple:** Any number of groups can be open at once.\n- **single:** Only one group at each level can be open, opening a group will cause others to close.\n- **list:** Multiple, but all other groups will close when an item is selected."
   },
-  "VList/max-height": {
-    "type": "string | number\n",
-    "description": "Sets the maximum height for the component."
-  },
-  "VList/max-width": {
-    "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
-  },
-  "VList/min-height": {
-    "type": "string | number\n",
-    "description": "Sets the minimum height for the component."
-  },
-  "VList/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
-  },
-  "VList/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
-  },
   "VList/item-type": {
     "type": "string\n",
     "description": "Designates the key on the supplied items that is used for determining the nodes type."
@@ -7099,45 +7107,29 @@
     "type": "boolean\n",
     "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
   },
-  "VList/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
-  },
-  "VList/variant": {
-    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
-    "description": "Applies a distinct style to the component."
+  "VListGroup/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VListGroup/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VListGroup/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
+  "VListGroup/value": {
+    "type": "any\n",
+    "description": "Expands / Collapse the list-group."
   },
   "VListGroup/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VListGroup/active-color": {
-    "type": "string\n",
-    "description": "The applied color when the component is in an active state."
-  },
   "VListGroup/base-color": {
     "type": "string\n",
     "description": "Sets the color of component when not focused."
   },
-  "VListGroup/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
-  },
-  "VListGroup/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
-  "VListGroup/value": {
-    "type": "any\n",
-    "description": "Expands / Collapse the list-group."
+  "VListGroup/active-color": {
+    "type": "string\n",
+    "description": "The applied color when the component is in an active state."
   },
   "VListGroup/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -7147,6 +7139,14 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when the list item is expanded."
   },
+  "VListGroup/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VListGroup/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
+  },
   "VListGroup/fluid": {
     "type": "boolean\n",
     "description": "Removes the left padding assigned for action icons from group items."
@@ -7375,10 +7375,6 @@
     "type": "boolean\n",
     "description": "Specify a RTL mode."
   },
-  "VMain/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VMain/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -7403,18 +7399,42 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
+  "VMain/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
+  },
   "VMain/scrollable": {
     "type": "boolean\n",
     "description": "Specify a custom scrollable function."
   },
+  "VMenu/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VMenu/id": {
+    "type": "string\n",
+    "description": "The unique identifier of the component."
+  },
   "VMenu/model-value": {
     "type": "boolean\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
+  "VMenu/location": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
+    "description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
+  },
   "VMenu/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
+  "VMenu/eager": {
+    "type": "boolean\n",
+    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+  },
+  "VMenu/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
   "VMenu/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -7435,26 +7455,14 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VMenu/location": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
-    "description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
-  },
-  "VMenu/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VMenu/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
-  "VMenu/transition": {
-    "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | { component: Component }\n",
-    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
-  },
   "VMenu/activator": {
     "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "Explicitly sets the overlay's activator."
   },
+  "VMenu/submenu": {
+    "type": "boolean\n",
+    "description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL."
+  },
   "VMenu/close-on-back": {
     "type": "boolean\n",
     "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
@@ -7523,10 +7531,6 @@
     "type": "string | number\n",
     "description": "Milliseconds to wait before opening component. Only works with the **open-on-hover** prop."
   },
-  "VMenu/eager": {
-    "type": "boolean\n",
-    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
-  },
   "VMenu/location-strategy": {
     "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n",
     "description": "A function used to specifies how the component should position relative to its activator."
@@ -7540,25 +7544,25 @@
     "description": "A single value that offsets content away from the target based upon what side it is on."
   },
   "VMenu/scroll-strategy": {
-    "type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
+    "type": "'close' | 'none' | 'block' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
     "description": "Strategy used when the component is activate and user scrolls."
   },
+  "VMenu/transition": {
+    "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | { component: Component }\n",
+    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
+  },
   "VMenu/attach": {
     "type": "string | boolean | Element\n",
     "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default. Generally not recommended except as a last resort: the default positioning algorithm should handle most scenarios better than is possible without teleporting, and you may have unexpected behavior if the menu ends up as child of its activator."
   },
-  "VMenu/id": {
-    "type": "string\n",
-    "description": "The unique identifier of the component."
-  },
-  "VMenu/submenu": {
-    "type": "boolean\n",
-    "description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL."
-  },
   "VMessages/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
+  "VMessages/active": {
+    "type": "boolean\n",
+    "description": "Determines whether the messages are visible or not."
+  },
   "VMessages/transition": {
     "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | { component: Component; leaveAbsolute: boolean; group: boolean }\n",
     "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
@@ -7567,10 +7571,6 @@
     "type": "string | string[]\n",
     "description": "Displays a list of messages or a single message if using a string."
   },
-  "VMessages/active": {
-    "type": "boolean\n",
-    "description": "Determines whether the messages are visible or not."
-  },
   "VNavigationDrawer/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
@@ -7647,18 +7647,18 @@
     "type": "string | number\n",
     "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
   },
+  "VNavigationDrawer/sticky": {
+    "type": "boolean\n",
+    "description": "When true, the drawer will remain visible when scrolling past the top of the page."
+  },
   "VNavigationDrawer/mobile": {
     "type": "boolean\n",
     "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
   },
   "VNavigationDrawer/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
     "description": "Sets the designated mobile breakpoint for the component. This will apply alternate styles for mobile devices such as the `temporary` prop, or activate the `bottom` prop when the breakpoint value is met. Setting the value to `0` will disable this functionality."
   },
-  "VNavigationDrawer/sticky": {
-    "type": "boolean\n",
-    "description": "When true, the drawer will remain visible when scrolling past the top of the page."
-  },
   "VNavigationDrawer/disable-resize-watcher": {
     "type": "boolean\n",
     "description": "Prevents the automatic opening or closing of the drawer when resized, based on whether the device is mobile or desktop."
@@ -8563,6 +8563,10 @@
     "type": "boolean\n",
     "description": "Puts input in readonly state."
   },
+  "VRadio/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VRadio/inline": {
     "type": "boolean\n",
     "description": "Puts children inputs into a row."
@@ -8587,10 +8591,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when active."
   },
-  "VRadio/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VRadioGroup/type": {
     "type": "string\n",
     "description": "Provides the default type for children selection controls."
@@ -8715,6 +8715,10 @@
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
   },
+  "VRadioGroup/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VRadioGroup/inline": {
     "type": "boolean\n",
     "description": "Displays radio buttons in row."
@@ -8731,10 +8735,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when active."
   },
-  "VRadioGroup/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VRangeSlider/reverse": {
     "type": "boolean\n",
     "description": "Reverses the slider direction."
@@ -8967,14 +8967,14 @@
     "type": "boolean\n",
     "description": "Allows for the component to be cleared by clicking on the current value."
   },
-  "VRating/ripple": {
-    "type": "boolean\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VRating/hover": {
     "type": "boolean\n",
     "description": "Provides visual feedback when hovering over icons."
   },
+  "VRating/ripple": {
+    "type": "boolean\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VRating/item-aria-label": {
     "type": "string\n",
     "description": "The **aria-label** used for each item."
@@ -9043,6 +9043,10 @@
     "type": "'start' | 'end' | 'center' | 'baseline' | 'stretch'\n",
     "description": "Applies the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) css property. Available options are: **start**, **center**, **end**, **baseline** and **stretch**."
   },
+  "VRow/justify": {
+    "type": "  | 'start'\n  | 'end'\n  | 'center'\n  | 'stretch'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly'\n",
+    "description": "Applies the [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) css property. Available options are: **start**, **center**, **end**, **space-between** and **space-around**."
+  },
   "VRow/dense": {
     "type": "boolean\n",
     "description": "Reduces the gutter between `v-col`s."
@@ -9111,10 +9115,6 @@
     "type": "  | 'start'\n  | 'end'\n  | 'center'\n  | 'stretch'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly'\n",
     "description": "Changes the **align-content** property on extra extra large and greater breakpoints."
   },
-  "VRow/justify": {
-    "type": "  | 'start'\n  | 'end'\n  | 'center'\n  | 'stretch'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly'\n",
-    "description": "Applies the [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) css property. Available options are: **start**, **center**, **end**, **space-between** and **space-around**."
-  },
   "VRow/align-content": {
     "type": "  | 'start'\n  | 'end'\n  | 'center'\n  | 'stretch'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly'\n",
     "description": "Applies the [align-content](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) css property. Available options are: **start**, **center**, **end**, **space-between**, **space-around** and **stretch**."
@@ -9599,6 +9599,10 @@
     "type": "boolean\n",
     "description": "Puts input in readonly state."
   },
+  "VSelectionControl/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VSelectionControl/inline": {
     "type": "boolean\n",
     "description": "Puts children inputs into a row."
@@ -9623,10 +9627,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when active."
   },
-  "VSelectionControl/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VSelectionControlGroup/type": {
     "type": "string\n",
     "description": "Provides the default type for children selection controls."
@@ -9675,6 +9675,10 @@
     "type": "boolean\n",
     "description": "Puts input in readonly state."
   },
+  "VSelectionControlGroup/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VSelectionControlGroup/inline": {
     "type": "boolean\n",
     "description": "Puts children inputs into a row."
@@ -9691,10 +9695,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when active."
   },
-  "VSelectionControlGroup/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VSheet/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
@@ -9851,6 +9851,14 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The prepended slot when arrows are shown."
   },
+  "VSlideGroup/mobile": {
+    "type": "boolean\n",
+    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
+  },
+  "VSlideGroup/mobile-breakpoint": {
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
   "VSlideGroup/center-active": {
     "type": "boolean\n",
     "description": "Forces the selected component to be centered."
@@ -9859,14 +9867,6 @@
     "type": "string | boolean\n",
     "description": "Change when the overflow arrow indicators are shown. By **default**, arrows *always* display on Desktop when the container is overflowing. When the container overflows on mobile, arrows are not shown by default. A **show-arrows** value of `true` allows these arrows to show on Mobile if the container overflowing. A value of `desktop` *always* displays arrows on Desktop while a value of `mobile` always displays arrows on Mobile. A value of `always` always displays arrows on Desktop *and* Mobile. Find more information on how to customize breakpoint thresholds on the [breakpoints page](/customizing/breakpoints)."
   },
-  "VSlideGroup/mobile": {
-    "type": "boolean\n",
-    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
-  },
-  "VSlideGroup/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
-    "description": "Sets the designated mobile breakpoint for the component."
-  },
   "VSlideGroupItem/value": {
     "type": "any\n",
     "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
@@ -10483,6 +10483,10 @@
     "type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
     "description": "Sets the position for the component."
   },
+  "VSnackbarQueue/closable": {
+    "type": "string | boolean\n",
+    "description": "Adds a dismiss button that closes the active snackbar."
+  },
   "VSnackbarQueue/multi-line": {
     "type": "boolean\n",
     "description": "Gives the snackbar a larger minimum height."
@@ -10495,10 +10499,6 @@
     "type": "string | number\n",
     "description": "Time (in milliseconds) to wait until snackbar is automatically hidden.  Use `-1` to keep open indefinitely (`0` in version < 2.3 ). It is recommended for this number to be between `4000` and `10000`. Changes to this property will reset the timeout."
   },
-  "VSnackbarQueue/closable": {
-    "type": "string | boolean\n",
-    "description": "Adds a dismiss button that closes the active snackbar."
-  },
   "VSpacer/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
@@ -10848,7 +10848,7 @@
     "description": "Forces the stepper into a mobile state, removing labels from stepper items."
   },
   "VStepper/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
     "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
   "VStepper/hide-actions": {
@@ -11064,7 +11064,7 @@
     "description": "Forces the stepper into a mobile state, removing labels from stepper items."
   },
   "VStepperVertical/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
     "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
   "VStepperVertical/hide-actions": {
@@ -11459,6 +11459,10 @@
     "type": "string | boolean\n",
     "description": "Displays circular progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - primary, secondary, success, info, warning, error) or a Boolean which uses the component color (set by color prop - if it's supported by the component) or the primary color."
   },
+  "VSwitch/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VSwitch/inline": {
     "type": "boolean\n",
     "description": "Puts children inputs into a row."
@@ -11487,10 +11491,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when active."
   },
-  "VSwitch/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VSwitch/inset": {
     "type": "boolean\n",
     "description": "Enlarge the `v-switch` track to encompass the thumb."
@@ -11707,6 +11707,10 @@
     "type": "string | number\n",
     "description": "Use the height prop to set the height of the table."
   },
+  "VTable/hover": {
+    "type": "boolean\n",
+    "description": "Will add a hover effect to a table's row when the mouse is over it."
+  },
   "VTable/fixed-header": {
     "type": "boolean\n",
     "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
@@ -11715,10 +11719,6 @@
     "type": "boolean\n",
     "description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
   },
-  "VTable/hover": {
-    "type": "boolean\n",
-    "description": "Will add a hover effect to a table's row when the mouse is over it."
-  },
   "VTabs/symbol": {
     "type": "any\n",
     "description": "The [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) used to hook into group functionality for components like [v-btn-toggle](/components/btn-toggle) and [v-bottom-navigation](/components/bottom-navigations/)."
@@ -11783,26 +11783,26 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Left pagination icon."
   },
-  "VTabs/center-active": {
-    "type": "boolean\n",
-    "description": "Forces the selected tab to be centered."
-  },
-  "VTabs/show-arrows": {
-    "type": "string | boolean\n",
-    "description": "Show pagination arrows if the tab items overflow their container. For mobile devices, arrows will only display when using this prop."
-  },
   "VTabs/mobile": {
     "type": "boolean\n",
     "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
   },
   "VTabs/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "type": "number | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xs'\n",
     "description": "Sets the designated mobile breakpoint for the component."
   },
   "VTabs/stacked": {
     "type": "boolean\n",
     "description": "Apply the stacked prop to all children v-tab components."
   },
+  "VTabs/center-active": {
+    "type": "boolean\n",
+    "description": "Forces the selected tab to be centered."
+  },
+  "VTabs/show-arrows": {
+    "type": "string | boolean\n",
+    "description": "Show pagination arrows if the tab items overflow their container. For mobile devices, arrows will only display when using this prop."
+  },
   "VTabs/slider-color": {
     "type": "string\n",
     "description": "Changes the background color of an auto-generated `v-tabs-slider`."
@@ -12591,6 +12591,10 @@
     "type": "string\n",
     "description": "Places timeline line at the center or automatically on the left or right side."
   },
+  "VTimeline/side": {
+    "type": "'start' | 'end'\n",
+    "description": "Display all timeline items on one side of the timeline, either **before** or **after**."
+  },
   "VTimeline/line-thickness": {
     "type": "string | number\n",
     "description": "Thickness of the timeline line."
@@ -12619,10 +12623,6 @@
     "type": "string | number\n",
     "description": "Specifies the distance between the line and the dot of timeline items."
   },
-  "VTimeline/side": {
-    "type": "'start' | 'end'\n",
-    "description": "Display all timeline items on one side of the timeline, either **before** or **after**."
-  },
   "VTimeline/truncate-line": {
     "type": "'start' | 'end' | 'both'\n",
     "description": "Truncate timeline directly at the **start** or **end** of the line, or on **both** ends."
@@ -13147,29 +13147,37 @@
     "type": "(item: unknown) => Promise<void>\n",
     "description": "A function used when dynamically loading children. If this prop is set, then the supplied function will be run if expanding an item that has a `item-children` property that is an empty array. Supports returning a Promise."
   },
-  "VTreeviewGroup/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VTreeviewGroup/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VTreeviewGroup/value": {
-    "type": "any\n",
-    "description": "Expands / Collapse the list-group."
+  "VTreeviewGroup/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VTreeviewGroup/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
+  "VTreeviewGroup/active-color": {
+    "type": "string\n",
+    "description": "The applied color when the component is in an active state."
+  },
   "VTreeviewGroup/base-color": {
     "type": "string\n",
     "description": "Sets the color of component when not focused."
   },
-  "VTreeviewGroup/active-color": {
-    "type": "string\n",
-    "description": "The applied color when the component is in an active state."
+  "VTreeviewGroup/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
+  },
+  "VTreeviewGroup/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VTreeviewGroup/value": {
+    "type": "any\n",
+    "description": "Expands / Collapse the list-group."
   },
   "VTreeviewGroup/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -13179,25 +13187,41 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when the list item is expanded."
   },
-  "VTreeviewGroup/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
-  "VTreeviewGroup/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
-  },
   "VTreeviewGroup/fluid": {
     "type": "boolean\n",
     "description": "Removes viewport maximum-width size breakpoints."
   },
+  "VTreeviewItem/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VTreeviewItem/link": {
+    "type": "boolean\n",
+    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
+  },
+  "VTreeviewItem/nav": {
+    "type": "boolean\n",
+    "description": "Reduces the width of v-list-item takes and adds a border radius."
+  },
   "VTreeviewItem/title": {
     "type": "string | number\n",
     "description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
   },
-  "VTreeviewItem/border": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  "VTreeviewItem/replace": {
+    "type": "boolean\n",
+    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
+  },
+  "VTreeviewItem/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VTreeviewItem/value": {
+    "type": "any\n",
+    "description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
+  },
+  "VTreeviewItem/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),"
   },
   "VTreeviewItem/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
@@ -13207,25 +13231,9 @@
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VTreeviewItem/max-height": {
-    "type": "string | number\n",
-    "description": "Sets the maximum height for the component."
-  },
-  "VTreeviewItem/max-width": {
-    "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
-  },
-  "VTreeviewItem/min-height": {
-    "type": "string | number\n",
-    "description": "Sets the minimum height for the component."
-  },
-  "VTreeviewItem/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
-  },
-  "VTreeviewItem/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
+  "VTreeviewItem/border": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
   },
   "VTreeviewItem/elevation": {
     "type": "string | number\n",
@@ -13239,65 +13247,73 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VTreeviewItem/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
+  "VTreeviewItem/exact": {
+    "type": "boolean\n",
+    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
   },
-  "VTreeviewItem/theme": {
+  "VTreeviewItem/subtitle": {
+    "type": "string | number\n",
+    "description": "Specify a subtitle text for the component."
+  },
+  "VTreeviewItem/base-color": {
     "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+    "description": "Sets the color of component when not focused."
   },
-  "VTreeviewItem/color": {
+  "VTreeviewItem/active-color": {
     "type": "string\n",
-    "description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),"
+    "description": "The applied color when the component is in an active state."
   },
-  "VTreeviewItem/variant": {
-    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
-    "description": "Applies a distinct style to the component."
+  "VTreeviewItem/active-class": {
+    "type": "string\n",
+    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
   },
-  "VTreeviewItem/replace": {
+  "VTreeviewItem/disabled": {
     "type": "boolean\n",
-    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
+    "description": "Removes the ability to click or target the component."
   },
-  "VTreeviewItem/link": {
-    "type": "boolean\n",
-    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
+  "VTreeviewItem/lines": {
+    "type": "false | 'one' | 'two' | 'three'\n",
+    "description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
   },
-  "VTreeviewItem/active": {
+  "VTreeviewItem/slim": {
     "type": "boolean\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
+    "description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact."
   },
-  "VTreeviewItem/active-color": {
-    "type": "string\n",
-    "description": "The applied color when the component is in an active state."
+  "VTreeviewItem/max-height": {
+    "type": "string | number\n",
+    "description": "Sets the maximum height for the component."
   },
-  "VTreeviewItem/base-color": {
-    "type": "string\n",
-    "description": "Sets the color of component when not focused."
+  "VTreeviewItem/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
   },
-  "VTreeviewItem/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
+  "VTreeviewItem/min-height": {
+    "type": "string | number\n",
+    "description": "Sets the minimum height for the component."
+  },
+  "VTreeviewItem/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
+  },
+  "VTreeviewItem/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
+  },
+  "VTreeviewItem/variant": {
+    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to the component."
   },
   "VTreeviewItem/append-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
   },
-  "VTreeviewItem/slim": {
-    "type": "boolean\n",
-    "description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact."
-  },
-  "VTreeviewItem/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
-  "VTreeviewItem/value": {
-    "type": "any\n",
-    "description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
+  "VTreeviewItem/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
   },
-  "VTreeviewItem/disabled": {
+  "VTreeviewItem/active": {
     "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
   },
   "VTreeviewItem/loading": {
     "type": "boolean\n",
@@ -13307,30 +13323,10 @@
     "type": "string\n",
     "description": "Designates the component as anchor and applies the **href** attribute."
   },
-  "VTreeviewItem/exact": {
-    "type": "boolean\n",
-    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
-  },
   "VTreeviewItem/to": {
     "type": "RouteLocationRaw\n",
     "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
   },
-  "VTreeviewItem/lines": {
-    "type": "false | 'one' | 'two' | 'three'\n",
-    "description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
-  },
-  "VTreeviewItem/nav": {
-    "type": "boolean\n",
-    "description": "Reduces the width of v-list-item takes and adds a border radius."
-  },
-  "VTreeviewItem/active-class": {
-    "type": "string\n",
-    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
-  },
-  "VTreeviewItem/subtitle": {
-    "type": "string | number\n",
-    "description": "Specify a subtitle text for the component."
-  },
   "VTreeviewItem/append-avatar": {
     "type": "string\n",
     "description": "Appends a [v-avatar](/components/avatars/) component after default content in the **append** slot."
@@ -13339,30 +13335,38 @@
     "type": "string\n",
     "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
   },
+  "VTreeviewItem/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VTreeviewItem/toggle-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Allows customization of the icon used to toggle the expansion and collapse of treeview branches."
   },
-  "VValidation/name": {
-    "type": "string\n",
-    "description": "Sets the component's name attribute."
+  "VValidation/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VValidation/error": {
     "type": "boolean\n",
     "description": "Puts the input in a manual error state."
   },
-  "VValidation/label": {
+  "VValidation/name": {
     "type": "string\n",
-    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
+    "description": "Sets the component's name attribute."
   },
-  "VValidation/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VValidation/readonly": {
+    "type": "boolean\n",
+    "description": "Puts input in readonly state."
   },
   "VValidation/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
+  "VValidation/label": {
+    "type": "string\n",
+    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
+  },
   "VValidation/error-messages": {
     "type": "string | string[]\n",
     "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation."
@@ -13371,10 +13375,6 @@
     "type": "string | number\n",
     "description": "Control the maximum number of shown errors from validation."
   },
-  "VValidation/readonly": {
-    "type": "boolean\n",
-    "description": "Puts input in readonly state."
-  },
   "VValidation/rules": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
@@ -13391,6 +13391,10 @@
     "type": "boolean\n",
     "description": "Forces a focused state styling on the component."
   },
+  "VVirtualScroll/items": {
+    "type": "unknown[]\n",
+    "description": "The array of items to display."
+  },
   "VVirtualScroll/height": {
     "type": "string | number\n",
     "description": "Height of the component as a css value/"
@@ -13415,10 +13419,6 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VVirtualScroll/items": {
-    "type": "unknown[]\n",
-    "description": "The array of items to display."
-  },
   "VVirtualScroll/renderless": {
     "type": "boolean\n",
     "description": "Disables default component rendering functionality."
@@ -13427,38 +13427,34 @@
     "type": "string | number\n",
     "description": "Height in pixels of each item to display."
   },
-  "VWindow/tag": {
-    "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
+  "VWindow/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VWindow/reverse": {
     "type": "boolean\n",
     "description": "Reverse the normal transition direction."
   },
+  "VWindow/tag": {
+    "type": "string\n",
+    "description": "Specify a custom tag used on the root element."
+  },
   "VWindow/theme": {
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
   },
-  "VWindow/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
   "VWindow/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
-  "VWindow/mandatory": {
-    "type": "boolean | 'force'\n",
-    "description": "Forces at least one item to always be selected (if available)."
-  },
-  "VWindow/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "The transition direction when changing windows."
-  },
   "VWindow/selected-class": {
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
   },
+  "VWindow/mandatory": {
+    "type": "boolean | 'force'\n",
+    "description": "Forces at least one item to always be selected (if available)."
+  },
   "VWindow/next-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for the \"next\" button if `show-arrows` is `true`."
@@ -13467,37 +13463,41 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for the \"prev\" button if `show-arrows` is `true`."
   },
-  "VWindow/show-arrows": {
-    "type": "string | boolean\n",
-    "description": "Display the \"next\" and \"prev\" buttons."
-  },
   "VWindow/continuous": {
     "type": "boolean\n",
     "description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last."
   },
+  "VWindow/show-arrows": {
+    "type": "string | boolean\n",
+    "description": "Display the \"next\" and \"prev\" buttons."
+  },
   "VWindow/touch": {
     "type": "boolean | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/directives/touch/index.ts#L9-L17\" target=\"_blank\">TouchHandlers</a>\n",
     "description": "Provide a custom **left** and **right** function when swiped left or right."
   },
+  "VWindow/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "The transition direction when changing windows."
+  },
   "VWindowItem/value": {
     "type": "any\n",
     "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
   },
+  "VWindowItem/eager": {
+    "type": "boolean\n",
+    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+  },
   "VWindowItem/disabled": {
     "type": "boolean\n",
     "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
   },
-  "VWindowItem/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
-  },
   "VWindowItem/transition": {
     "type": "string | boolean\n",
     "description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
   },
-  "VWindowItem/eager": {
-    "type": "boolean\n",
-    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+  "VWindowItem/selected-class": {
+    "type": "string\n",
+    "description": "Configure the active CSS class applied when an item is selected."
   },
   "VWindowItem/reverse-transition": {
     "type": "string | boolean\n",