@vuetify/nightly 3.7.12-master.2025-02-17 → 3.7.12-master.2025-02-19

package/lib/components/index.d.mts

@@ -1,9 +1,9 @@
 import * as vue from 'vue';
-import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, ComponentPublicInstance, PropType, DirectiveBinding, FunctionalComponent, ComponentInternalInstance, ComputedRef, Component, EffectScope, nextTick, CSSProperties, WritableComputedRef, UnwrapRef, Prop, InjectionKey } from 'vue';
+import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, ComponentPublicInstance, PropType, DirectiveBinding, FunctionalComponent, ComponentInternalInstance, ComputedRef, Component, EffectScope, nextTick, WritableComputedRef, CSSProperties, UnwrapRef, Prop, InjectionKey } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 // @ts-ignore
-import { RouteLocationRaw } from 'vue-router';
+import { RouteLocationRaw, useLink } from 'vue-router';
 
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
@@ -1464,7 +1464,7 @@ declare const VAppBarNavIcon: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
@@ -1528,7 +1528,7 @@ declare const VAppBarNavIcon: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
@@ -1626,7 +1626,7 @@ declare const VAppBarNavIcon: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
@@ -1716,7 +1716,7 @@ declare const VAppBarNavIcon: {
     text?: string | undefined;
     class?: any;
     theme?: string | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
@@ -3743,6 +3743,19 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
     } | undefined;
 };
 
+interface LinkProps {
+    href: string | undefined;
+    replace: boolean | undefined;
+    to: RouteLocationRaw | undefined;
+    exact: boolean | undefined;
+}
+interface UseLink extends Omit<Partial<ReturnType<typeof useLink>>, 'href'> {
+    isLink: ComputedRef<boolean>;
+    isClickable: ComputedRef<boolean>;
+    href: Ref<string | undefined>;
+    linkProps: Record<string, string | undefined>;
+}
+
 type ListItemSlot = {
     isActive: boolean;
     isOpen: boolean;
@@ -3793,7 +3806,7 @@ declare const VListItem: {
         title?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
@@ -3859,6 +3872,7 @@ declare const VListItem: {
             getPath: (id: unknown) => unknown[];
         };
         id: vue.ComputedRef<{} | null>;
+        link: UseLink;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         click: (e: MouseEvent | KeyboardEvent) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
@@ -3890,7 +3904,7 @@ declare const VListItem: {
         title?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
@@ -3987,7 +4001,7 @@ declare const VListItem: {
         title?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
@@ -4053,6 +4067,7 @@ declare const VListItem: {
             getPath: (id: unknown) => unknown[];
         };
         id: vue.ComputedRef<{} | null>;
+        link: UseLink;
     }, {}, {}, {}, {
         replace: boolean;
         link: boolean;
@@ -4103,7 +4118,7 @@ declare const VListItem: {
     title?: string | number | undefined;
     class?: any;
     theme?: string | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     lines?: false | "one" | "two" | "three" | undefined;
     onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
     onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
@@ -4169,6 +4184,7 @@ declare const VListItem: {
         getPath: (id: unknown) => unknown[];
     };
     id: vue.ComputedRef<{} | null>;
+    link: UseLink;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     click: (e: MouseEvent | KeyboardEvent) => true;
 }, string, {
@@ -6451,7 +6467,7 @@ declare const VMenu: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -7132,7 +7148,7 @@ declare const VMenu: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -7718,7 +7734,7 @@ declare const VMenu: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     absolute: boolean;
     location: Anchor;
@@ -12867,13 +12883,6 @@ declare const VBottomSheet: {
 }>>;
 type VBottomSheet = InstanceType<typeof VBottomSheet>;
 
-interface LinkProps {
-    href: string | undefined;
-    replace: boolean | undefined;
-    to: RouteLocationRaw | undefined;
-    exact: boolean | undefined;
-}
-
 type InternalBreadcrumbItem = Partial<LinkProps> & {
     title: string;
     disabled?: boolean;
@@ -13111,7 +13120,7 @@ declare const VBreadcrumbsItem: {
         color?: string | undefined;
         title?: string | undefined;
         class?: any;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
@@ -13135,7 +13144,7 @@ declare const VBreadcrumbsItem: {
         color?: string | undefined;
         title?: string | undefined;
         class?: any;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
@@ -13175,7 +13184,7 @@ declare const VBreadcrumbsItem: {
         color?: string | undefined;
         title?: string | undefined;
         class?: any;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
@@ -13210,7 +13219,7 @@ declare const VBreadcrumbsItem: {
     color?: string | undefined;
     title?: string | undefined;
     class?: any;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     href?: string | undefined;
     activeColor?: string | undefined;
     activeClass?: string | undefined;
@@ -13413,7 +13422,7 @@ declare const VBtn: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -13487,7 +13496,7 @@ declare const VBtn: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -13588,7 +13597,7 @@ declare const VBtn: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -13683,7 +13692,7 @@ declare const VBtn: {
     text?: string | undefined;
     class?: any;
     theme?: string | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     icon?: boolean | IconValue | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
@@ -14596,7 +14605,7 @@ declare const VCard: {
         text?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
@@ -14673,7 +14682,7 @@ declare const VCard: {
         text?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
@@ -14784,7 +14793,7 @@ declare const VCard: {
         text?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
@@ -14881,7 +14890,7 @@ declare const VCard: {
     text?: string | number | undefined;
     class?: any;
     theme?: string | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
@@ -18465,7 +18474,7 @@ declare const VChip: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         onClick?: ((args_0: MouseEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
         href?: string | undefined;
@@ -18573,7 +18582,7 @@ declare const VChip: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         onClick?: ((args_0: MouseEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
         href?: string | undefined;
@@ -18719,7 +18728,7 @@ declare const VChip: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         onClick?: ((args_0: MouseEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
         href?: string | undefined;
@@ -18848,7 +18857,7 @@ declare const VChip: {
     text?: string | undefined;
     class?: any;
     theme?: string | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     onClick?: ((args_0: MouseEvent) => void) | undefined;
     onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
     href?: string | undefined;
@@ -19709,7 +19718,7 @@ declare const VColorPicker: {
         };
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-        "onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa") => any) | undefined;
+        "onUpdate:mode"?: ((mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa") => any) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (color: any) => true;
         'update:mode': (mode: keyof typeof modes) => true;
@@ -19776,17 +19785,17 @@ declare const VColorPicker: {
         };
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-        "onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa") => any) | undefined;
+        "onUpdate:mode"?: ((mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa") => any) | undefined;
     }, {
         width: string | number;
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa";
+        mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
         rounded: string | number | boolean;
         tile: boolean;
         dotSize: string | number;
-        modes: readonly ("rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa")[];
+        modes: readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[];
         canvasHeight: string | number;
         hideCanvas: boolean;
         hideSliders: boolean;
@@ -19863,17 +19872,17 @@ declare const VColorPicker: {
         };
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-        "onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa") => any) | undefined;
+        "onUpdate:mode"?: ((mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa") => any) | undefined;
     }, {}, {}, {}, {}, {
         width: string | number;
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa";
+        mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
         rounded: string | number | boolean;
         tile: boolean;
         dotSize: string | number;
-        modes: readonly ("rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa")[];
+        modes: readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[];
         canvasHeight: string | number;
         hideCanvas: boolean;
         hideSliders: boolean;
@@ -19947,7 +19956,7 @@ declare const VColorPicker: {
     };
 }>> & {
     "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-    "onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa") => any) | undefined;
+    "onUpdate:mode"?: ((mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa") => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (color: any) => true;
     'update:mode': (mode: keyof typeof modes) => true;
@@ -19956,11 +19965,11 @@ declare const VColorPicker: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa";
+    mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
     rounded: string | number | boolean;
     tile: boolean;
     dotSize: string | number;
-    modes: readonly ("rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa")[];
+    modes: readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[];
     canvasHeight: string | number;
     hideCanvas: boolean;
     hideSliders: boolean;
@@ -29710,7 +29719,7 @@ declare const VDialog: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -30396,7 +30405,7 @@ declare const VDialog: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -30981,7 +30990,7 @@ declare const VDialog: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     absolute: boolean;
     location: Anchor;
@@ -33003,7 +33012,7 @@ declare const VFab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -33074,7 +33083,7 @@ declare const VFab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -33184,7 +33193,7 @@ declare const VFab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -33289,7 +33298,7 @@ declare const VFab: {
     text?: string | undefined;
     class?: any;
     theme?: string | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     icon?: boolean | IconValue | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
@@ -34001,7 +34010,7 @@ declare const VFileInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
@@ -34573,7 +34582,7 @@ declare const VFileInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
@@ -34980,7 +34989,7 @@ declare const VFileInput: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     error: boolean;
     direction: "horizontal" | "vertical";
@@ -49177,7 +49186,7 @@ declare const VSnackbar: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -49859,7 +49868,7 @@ declare const VSnackbar: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -50441,7 +50450,7 @@ declare const VSnackbar: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     absolute: boolean;
     location: Anchor;
@@ -54335,7 +54344,7 @@ declare const VTab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -54422,7 +54431,7 @@ declare const VTab: {
             text?: string | undefined;
             class?: any;
             theme?: string | undefined;
-            to?: vue_router.RouteLocationRaw | undefined;
+            to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
             icon?: boolean | IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
@@ -54487,7 +54496,7 @@ declare const VTab: {
             text?: string | undefined;
             class?: any;
             theme?: string | undefined;
-            to?: vue_router.RouteLocationRaw | undefined;
+            to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
             icon?: boolean | IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
@@ -54574,7 +54583,7 @@ declare const VTab: {
             text?: string | undefined;
             class?: any;
             theme?: string | undefined;
-            to?: vue_router.RouteLocationRaw | undefined;
+            to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
             icon?: boolean | IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
@@ -54657,7 +54666,7 @@ declare const VTab: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         symbol: any;
         replace: boolean;
@@ -54694,7 +54703,7 @@ declare const VTab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -54766,7 +54775,7 @@ declare const VTab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -54861,7 +54870,7 @@ declare const VTab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -54948,7 +54957,7 @@ declare const VTab: {
             text?: string | undefined;
             class?: any;
             theme?: string | undefined;
-            to?: vue_router.RouteLocationRaw | undefined;
+            to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
             icon?: boolean | IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
@@ -55013,7 +55022,7 @@ declare const VTab: {
             text?: string | undefined;
             class?: any;
             theme?: string | undefined;
-            to?: vue_router.RouteLocationRaw | undefined;
+            to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
             icon?: boolean | IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
@@ -55100,7 +55109,7 @@ declare const VTab: {
             text?: string | undefined;
             class?: any;
             theme?: string | undefined;
-            to?: vue_router.RouteLocationRaw | undefined;
+            to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
             icon?: boolean | IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
@@ -55183,7 +55192,7 @@ declare const VTab: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         symbol: any;
         replace: boolean;
@@ -55220,7 +55229,7 @@ declare const VTab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -55317,7 +55326,7 @@ declare const VTab: {
     text?: string | undefined;
     class?: any;
     theme?: string | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     icon?: boolean | IconValue | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
@@ -55404,7 +55413,7 @@ declare const VTab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -55469,7 +55478,7 @@ declare const VTab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -55556,7 +55565,7 @@ declare const VTab: {
         text?: string | undefined;
         class?: any;
         theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
         icon?: boolean | IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -55639,7 +55648,7 @@ declare const VTab: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof vue.nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     symbol: any;
     replace: boolean;
@@ -55676,7 +55685,7 @@ declare const VTab: {
     text?: string | undefined;
     class?: any;
     theme?: string | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    to?: string | vue_router.RouteLocationAsRelativeGeneric | vue_router.RouteLocationAsPathGeneric | undefined;
     icon?: boolean | IconValue | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
@@ -57137,7 +57146,7 @@ declare const VTextarea: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
@@ -57676,7 +57685,7 @@ declare const VTextarea: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
@@ -58068,7 +58077,7 @@ declare const VTextarea: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     error: boolean;
     direction: "horizontal" | "vertical";
@@ -58712,7 +58721,7 @@ declare const VTextField: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
@@ -58951,7 +58960,7 @@ declare const VTextField: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         flat: boolean;
         reverse: boolean;
@@ -59490,7 +59499,7 @@ declare const VTextField: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
@@ -59729,7 +59738,7 @@ declare const VTextField: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         flat: boolean;
         reverse: boolean;
@@ -60119,7 +60128,7 @@ declare const VTextField: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     error: boolean;
     direction: "horizontal" | "vertical";
@@ -60358,7 +60367,7 @@ declare const VTextField: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     flat: boolean;
     reverse: boolean;
@@ -62030,7 +62039,7 @@ declare const VTooltip: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -62695,7 +62704,7 @@ declare const VTooltip: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -63268,7 +63277,7 @@ declare const VTooltip: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof vue.nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     absolute: boolean;
     location: Anchor;