vuetify 3.1.12 → 3.1.14

package/lib/labs/components.d.ts

@@ -83,7 +83,7 @@ type GroupHeaderSlot = {
 };
 type ItemSlot = {
     index: number;
-    item: InternalDataTableItem;
+    item: DataTableItem;
     columns: InternalDataTableHeader[];
     isExpanded: (item: DataTableItem) => boolean;
     toggleExpand: (item: DataTableItem) => void;
@@ -107,6 +107,9 @@ declare const VDataTableRows: {
         } & {
             loading?: string | boolean | undefined;
             rowHeight?: number | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -151,10 +154,6 @@ declare const VDataTableRows: {
             "v-slot:expanded-row"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-select"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-expand"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        } & {
-            "onClick:row"?: ((event: Event, value: {
-                item: DataTableItem;
-            }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "noDataText" | "loadingText" | "items" | "hideNoData">;
         $attrs: {
             [x: string]: unknown;
@@ -167,9 +166,7 @@ declare const VDataTableRows: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "click:row", event: Event, value: {
-            item: DataTableItem;
-        }) => void;
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
             noDataText: string;
@@ -179,6 +176,9 @@ declare const VDataTableRows: {
         } & {
             loading?: string | boolean | undefined;
             rowHeight?: number | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -223,15 +223,7 @@ declare const VDataTableRows: {
             "v-slot:expanded-row"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-select"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-expand"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        } & {
-            "onClick:row"?: ((event: Event, value: {
-                item: DataTableItem;
-            }) => any) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'click:row': (event: Event, value: {
-                item: DataTableItem;
-            }) => true;
-        }, string, {
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             noDataText: string;
             loadingText: string;
             items: InternalDataTableItem[];
@@ -264,6 +256,9 @@ declare const VDataTableRows: {
     } & {
         loading?: string | boolean | undefined;
         rowHeight?: number | undefined;
+        'onClick:row'?: ((e: Event, value: {
+            item: DataTableItem;
+        }) => void) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -308,10 +303,6 @@ declare const VDataTableRows: {
         "v-slot:expanded-row"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         "v-slot:item.data-table-select"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         "v-slot:item.data-table-expand"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-    } & {
-        "onClick:row"?: ((event: Event, value: {
-            item: DataTableItem;
-        }) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -324,6 +315,9 @@ declare const VDataTableRows: {
 } & {
     loading?: string | boolean | undefined;
     rowHeight?: number | undefined;
+    'onClick:row'?: ((e: Event, value: {
+        item: DataTableItem;
+    }) => void) | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -368,15 +362,7 @@ declare const VDataTableRows: {
     "v-slot:expanded-row"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
     "v-slot:item.data-table-select"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
     "v-slot:item.data-table-expand"?: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-} & {
-    "onClick:row"?: ((event: Event, value: {
-        item: DataTableItem;
-    }) => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'click:row': (event: Event, value: {
-        item: DataTableItem;
-    }) => true;
-}, string, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     noDataText: string;
     loadingText: string;
     items: InternalDataTableItem[];
@@ -397,6 +383,9 @@ declare const VDataTableRows: {
         default: string;
     };
     rowHeight: NumberConstructor;
+    'onClick:row': PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
 }, vue.ExtractPropTypes<{
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
@@ -413,6 +402,9 @@ declare const VDataTableRows: {
         default: string;
     };
     rowHeight: NumberConstructor;
+    'onClick:row': PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
 }>>;
 type VDataTableRows = InstanceType<typeof VDataTableRows>;
 
@@ -436,6 +428,7 @@ declare const VDataTable: {
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -461,6 +454,7 @@ declare const VDataTable: {
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -477,11 +471,14 @@ declare const VDataTable: {
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -491,7 +488,7 @@ declare const VDataTable: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -513,7 +510,7 @@ declare const VDataTable: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -522,7 +519,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -531,7 +528,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -551,7 +548,7 @@ declare const VDataTable: {
             $slots?: {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -561,7 +558,7 @@ declare const VDataTable: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -583,7 +580,7 @@ declare const VDataTable: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -592,7 +589,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -601,7 +598,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -621,7 +618,7 @@ declare const VDataTable: {
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -631,7 +628,7 @@ declare const VDataTable: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 item?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -653,7 +650,7 @@ declare const VDataTable: {
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -662,7 +659,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -671,7 +668,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -691,7 +688,7 @@ declare const VDataTable: {
         } & {
             [x: `v-slot:item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -701,7 +698,7 @@ declare const VDataTable: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:item"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -723,7 +720,7 @@ declare const VDataTable: {
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -732,7 +729,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-select"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -741,7 +738,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-expand"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -762,13 +759,10 @@ declare const VDataTable: {
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((value: any) => any) | undefined;
-            "onClick:row"?: ((event: Event, value: {
-                item: DataTableItem;
-            }) => any) | undefined;
             "onUpdate:page"?: ((value: number) => any) | undefined;
             "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "page" | "headers" | "noDataText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "itemsPerPage">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "page" | "headers" | "noDataText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "hover" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "itemsPerPage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -780,9 +774,7 @@ declare const VDataTable: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: ((event: "update:modelValue", value: any[]) => void) & ((event: "click:row", event: Event, value: {
-            item: DataTableItem;
-        }) => void) & ((event: "update:options", value: any) => void) & ((event: "update:page", value: number) => void) & ((event: "update:itemsPerPage", value: number) => void) & ((event: "update:sortBy", value: any) => void) & ((event: "update:groupBy", value: any) => void) & ((event: "update:expanded", value: any) => void);
+        $emit: ((event: "update:modelValue", value: any[]) => void) & ((event: "update:options", value: any) => void) & ((event: "update:page", value: number) => void) & ((event: "update:itemsPerPage", value: number) => void) & ((event: "update:sortBy", value: any) => void) & ((event: "update:groupBy", value: any) => void) & ((event: "update:expanded", value: any) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             expanded: string[];
@@ -800,6 +792,7 @@ declare const VDataTable: {
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -816,11 +809,14 @@ declare const VDataTable: {
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -830,7 +826,7 @@ declare const VDataTable: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -852,7 +848,7 @@ declare const VDataTable: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -861,7 +857,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -870,7 +866,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -890,7 +886,7 @@ declare const VDataTable: {
             $slots?: {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -900,7 +896,7 @@ declare const VDataTable: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -922,7 +918,7 @@ declare const VDataTable: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -931,7 +927,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -940,7 +936,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -960,7 +956,7 @@ declare const VDataTable: {
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -970,7 +966,7 @@ declare const VDataTable: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 item?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -992,7 +988,7 @@ declare const VDataTable: {
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -1001,7 +997,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -1010,7 +1006,7 @@ declare const VDataTable: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -1030,7 +1026,7 @@ declare const VDataTable: {
         } & {
             [x: `v-slot:item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1040,7 +1036,7 @@ declare const VDataTable: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:item"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1062,7 +1058,7 @@ declare const VDataTable: {
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1071,7 +1067,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-select"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1080,7 +1076,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-expand"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1101,9 +1097,6 @@ declare const VDataTable: {
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((value: any) => any) | undefined;
-            "onClick:row"?: ((event: Event, value: {
-                item: DataTableItem;
-            }) => any) | undefined;
             "onUpdate:page"?: ((value: number) => any) | undefined;
             "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
@@ -1115,9 +1108,6 @@ declare const VDataTable: {
             'update:options': (value: any) => true;
             'update:groupBy': (value: any) => true;
             'update:expanded': (value: any) => true;
-            'click:row': (event: Event, value: {
-                item: DataTableItem;
-            }) => true;
         }, string, {
             expanded: string[];
             page: string | number;
@@ -1134,6 +1124,7 @@ declare const VDataTable: {
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -1179,6 +1170,7 @@ declare const VDataTable: {
         hideNoData: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
+        hover: boolean;
         fixedHeader: boolean;
         fixedFooter: boolean;
         multiSort: boolean;
@@ -1195,11 +1187,14 @@ declare const VDataTable: {
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
+        'onClick:row'?: ((e: Event, value: {
+            item: DataTableItem;
+        }) => void) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1209,7 +1204,7 @@ declare const VDataTable: {
             default?: (() => vue.VNodeChild) | undefined;
             item?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1231,7 +1226,7 @@ declare const VDataTable: {
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1240,7 +1235,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1249,7 +1244,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1269,7 +1264,7 @@ declare const VDataTable: {
         $slots?: {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1279,7 +1274,7 @@ declare const VDataTable: {
             default?: (() => vue.VNodeChild) | undefined;
             item?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1301,7 +1296,7 @@ declare const VDataTable: {
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1310,7 +1305,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1319,7 +1314,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1339,7 +1334,7 @@ declare const VDataTable: {
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1349,7 +1344,7 @@ declare const VDataTable: {
             default?: false | (() => vue.VNodeChild) | undefined;
             item?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1371,7 +1366,7 @@ declare const VDataTable: {
             'no-data'?: false | (() => vue.VNodeChild) | undefined;
             'expanded-row'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1380,7 +1375,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1389,7 +1384,7 @@ declare const VDataTable: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -1409,7 +1404,7 @@ declare const VDataTable: {
     } & {
         [x: `v-slot:item.${string}`]: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1419,7 +1414,7 @@ declare const VDataTable: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:item"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1441,7 +1436,7 @@ declare const VDataTable: {
         "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:expanded-row"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1450,7 +1445,7 @@ declare const VDataTable: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:item.data-table-select"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1459,7 +1454,7 @@ declare const VDataTable: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:item.data-table-expand"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1480,9 +1475,6 @@ declare const VDataTable: {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((value: any) => any) | undefined;
-        "onClick:row"?: ((event: Event, value: {
-            item: DataTableItem;
-        }) => any) | undefined;
         "onUpdate:page"?: ((value: number) => any) | undefined;
         "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
         "onUpdate:options"?: ((value: any) => any) | undefined;
@@ -1506,6 +1498,7 @@ declare const VDataTable: {
     hideNoData: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
+    hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;
     multiSort: boolean;
@@ -1522,11 +1515,14 @@ declare const VDataTable: {
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
+    'onClick:row'?: ((e: Event, value: {
+        item: DataTableItem;
+    }) => void) | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1536,7 +1532,7 @@ declare const VDataTable: {
         default?: (() => vue.VNodeChild) | undefined;
         item?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1558,7 +1554,7 @@ declare const VDataTable: {
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1567,7 +1563,7 @@ declare const VDataTable: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1576,7 +1572,7 @@ declare const VDataTable: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1596,7 +1592,7 @@ declare const VDataTable: {
     $slots?: {
         [x: `item.${string}`]: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1606,7 +1602,7 @@ declare const VDataTable: {
         default?: (() => vue.VNodeChild) | undefined;
         item?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1628,7 +1624,7 @@ declare const VDataTable: {
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1637,7 +1633,7 @@ declare const VDataTable: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1646,7 +1642,7 @@ declare const VDataTable: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1666,7 +1662,7 @@ declare const VDataTable: {
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1676,7 +1672,7 @@ declare const VDataTable: {
         default?: false | (() => vue.VNodeChild) | undefined;
         item?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1698,7 +1694,7 @@ declare const VDataTable: {
         'no-data'?: false | (() => vue.VNodeChild) | undefined;
         'expanded-row'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1707,7 +1703,7 @@ declare const VDataTable: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1716,7 +1712,7 @@ declare const VDataTable: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -1736,7 +1732,7 @@ declare const VDataTable: {
 } & {
     [x: `v-slot:item.${string}`]: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -1746,7 +1742,7 @@ declare const VDataTable: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:item"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -1768,7 +1764,7 @@ declare const VDataTable: {
     "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:expanded-row"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -1777,7 +1773,7 @@ declare const VDataTable: {
     }) => vue.VNodeChild) | undefined;
     "v-slot:item.data-table-select"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -1786,7 +1782,7 @@ declare const VDataTable: {
     }) => vue.VNodeChild) | undefined;
     "v-slot:item.data-table-expand"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -1807,9 +1803,6 @@ declare const VDataTable: {
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((value: any) => any) | undefined;
-    "onClick:row"?: ((event: Event, value: {
-        item: DataTableItem;
-    }) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;
     "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
     "onUpdate:options"?: ((value: any) => any) | undefined;
@@ -1821,9 +1814,6 @@ declare const VDataTable: {
     'update:options': (value: any) => true;
     'update:groupBy': (value: any) => true;
     'update:expanded': (value: any) => true;
-    'click:row': (event: Event, value: {
-        item: DataTableItem;
-    }) => true;
 }, string, {
     expanded: string[];
     page: string | number;
@@ -1840,6 +1830,7 @@ declare const VDataTable: {
     hideNoData: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
+    hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;
     multiSort: boolean;
@@ -1850,11 +1841,11 @@ declare const VDataTable: {
     showExpand: boolean;
     itemsPerPage: string | number;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    customFilter: vue.PropType<FilterFunction>;
-    customKeyFilter: vue.PropType<FilterKeyFunctions>;
-    filterKeys: vue.PropType<FilterKeys>;
+    customFilter: PropType<FilterFunction>;
+    customKeyFilter: PropType<FilterKeyFunctions>;
+    filterKeys: PropType<FilterKeys>;
     filterMode: {
-        type: vue.PropType<FilterMode>;
+        type: PropType<FilterMode>;
         default: string;
     };
     noFilter: BooleanConstructor;
@@ -1867,27 +1858,28 @@ declare const VDataTable: {
         default: number;
     };
     sortBy: {
-        type: vue.PropType<SortItem[]>;
+        type: PropType<SortItem[]>;
         default: () => never[];
     };
     multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     modelValue: {
-        type: vue.PropType<any[]>;
+        type: PropType<any[]>;
         default: () => never[];
     };
     groupBy: {
-        type: vue.PropType<SortItem[]>;
+        type: PropType<SortItem[]>;
         default: () => never[];
     };
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {
-        type: vue.PropType<string[]>;
+        type: PropType<string[]>;
         default: () => never[];
     };
     hideNoData: BooleanConstructor;
+    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
@@ -1896,41 +1888,44 @@ declare const VDataTable: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    'onClick:row': PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
     headers: {
-        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
+        type: PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
     };
     items: {
-        type: vue.PropType<any[]>;
+        type: PropType<any[]>;
         default: () => never[];
     };
     itemTitle: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     itemValue: Omit<{
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<SelectItemKey>>;
+        type: PropType<NonNullable<SelectItemKey>>;
         default: NonNullable<SelectItemKey>;
     };
     itemChildren: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     itemProps: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     returnObject: BooleanConstructor;
     search: StringConstructor;
 }, vue.ExtractPropTypes<{
-    customFilter: vue.PropType<FilterFunction>;
-    customKeyFilter: vue.PropType<FilterKeyFunctions>;
-    filterKeys: vue.PropType<FilterKeys>;
+    customFilter: PropType<FilterFunction>;
+    customKeyFilter: PropType<FilterKeyFunctions>;
+    filterKeys: PropType<FilterKeys>;
     filterMode: {
-        type: vue.PropType<FilterMode>;
+        type: PropType<FilterMode>;
         default: string;
     };
     noFilter: BooleanConstructor;
@@ -1943,27 +1938,28 @@ declare const VDataTable: {
         default: number;
     };
     sortBy: {
-        type: vue.PropType<SortItem[]>;
+        type: PropType<SortItem[]>;
         default: () => never[];
     };
     multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
     modelValue: {
-        type: vue.PropType<any[]>;
+        type: PropType<any[]>;
         default: () => never[];
     };
     groupBy: {
-        type: vue.PropType<SortItem[]>;
+        type: PropType<SortItem[]>;
         default: () => never[];
     };
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
     expanded: {
-        type: vue.PropType<string[]>;
+        type: PropType<string[]>;
         default: () => never[];
     };
     hideNoData: BooleanConstructor;
+    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
@@ -1972,31 +1968,34 @@ declare const VDataTable: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    'onClick:row': PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
     headers: {
-        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
+        type: PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
     };
     items: {
-        type: vue.PropType<any[]>;
+        type: PropType<any[]>;
         default: () => never[];
     };
     itemTitle: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     itemValue: Omit<{
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<SelectItemKey>>;
+        type: PropType<NonNullable<SelectItemKey>>;
         default: NonNullable<SelectItemKey>;
     };
     itemChildren: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     itemProps: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     returnObject: BooleanConstructor;
@@ -2092,6 +2091,7 @@ declare const VDataTableVirtual: {
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -2117,6 +2117,7 @@ declare const VDataTableVirtual: {
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -2134,11 +2135,14 @@ declare const VDataTableVirtual: {
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2148,7 +2152,7 @@ declare const VDataTableVirtual: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2170,7 +2174,7 @@ declare const VDataTableVirtual: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2179,7 +2183,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2188,7 +2192,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2202,7 +2206,7 @@ declare const VDataTableVirtual: {
             $slots?: {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2212,7 +2216,7 @@ declare const VDataTableVirtual: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2234,7 +2238,7 @@ declare const VDataTableVirtual: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2243,7 +2247,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2252,7 +2256,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2266,7 +2270,7 @@ declare const VDataTableVirtual: {
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2276,7 +2280,7 @@ declare const VDataTableVirtual: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 item?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2298,7 +2302,7 @@ declare const VDataTableVirtual: {
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2307,7 +2311,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2316,7 +2320,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2330,7 +2334,7 @@ declare const VDataTableVirtual: {
         } & {
             [x: `v-slot:item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2340,7 +2344,7 @@ declare const VDataTableVirtual: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:item"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2362,7 +2366,7 @@ declare const VDataTableVirtual: {
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2371,7 +2375,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-select"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2380,7 +2384,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-expand"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2395,11 +2399,11 @@ declare const VDataTableVirtual: {
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((value: any) => any) | undefined;
-            "onClick:row"?: ((event: Event, value: {
+            "onClick:row"?: ((e: Event, value: {
                 item: DataTableItem;
             }) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "headers" | "noDataText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "visibleItems" | "itemHeight">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "headers" | "noDataText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "hover" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "visibleItems" | "itemHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2411,9 +2415,9 @@ declare const VDataTableVirtual: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: ((event: "update:modelValue", value: any[]) => void) & ((event: "click:row", event: Event, value: {
+        $emit: ((event: "update:modelValue", value: any[]) => void) & ((event: "update:options", value: any) => void) & ((event: "update:sortBy", value: any) => void) & ((event: "update:groupBy", value: any) => void) & ((event: "update:expanded", value: any) => void) & ((event: "click:row", e: Event, value: {
             item: DataTableItem;
-        }) => void) & ((event: "update:options", value: any) => void) & ((event: "update:sortBy", value: any) => void) & ((event: "update:groupBy", value: any) => void) & ((event: "update:expanded", value: any) => void);
+        }) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             expanded: string[];
@@ -2430,6 +2434,7 @@ declare const VDataTableVirtual: {
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -2447,11 +2452,14 @@ declare const VDataTableVirtual: {
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2461,7 +2469,7 @@ declare const VDataTableVirtual: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2483,7 +2491,7 @@ declare const VDataTableVirtual: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2492,7 +2500,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2501,7 +2509,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2515,7 +2523,7 @@ declare const VDataTableVirtual: {
             $slots?: {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2525,7 +2533,7 @@ declare const VDataTableVirtual: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2547,7 +2555,7 @@ declare const VDataTableVirtual: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2556,7 +2564,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2565,7 +2573,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2579,7 +2587,7 @@ declare const VDataTableVirtual: {
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2589,7 +2597,7 @@ declare const VDataTableVirtual: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 item?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2611,7 +2619,7 @@ declare const VDataTableVirtual: {
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2620,7 +2628,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2629,7 +2637,7 @@ declare const VDataTableVirtual: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -2643,7 +2651,7 @@ declare const VDataTableVirtual: {
         } & {
             [x: `v-slot:item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2653,7 +2661,7 @@ declare const VDataTableVirtual: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:item"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2675,7 +2683,7 @@ declare const VDataTableVirtual: {
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2684,7 +2692,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-select"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2693,7 +2701,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-expand"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2708,7 +2716,7 @@ declare const VDataTableVirtual: {
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((value: any) => any) | undefined;
-            "onClick:row"?: ((event: Event, value: {
+            "onClick:row"?: ((e: Event, value: {
                 item: DataTableItem;
             }) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
@@ -2718,7 +2726,7 @@ declare const VDataTableVirtual: {
             'update:options': (value: any) => true;
             'update:groupBy': (value: any) => true;
             'update:expanded': (value: any) => true;
-            'click:row': (event: Event, value: {
+            'click:row': (e: Event, value: {
                 item: DataTableItem;
             }) => true;
         }, string, {
@@ -2736,6 +2744,7 @@ declare const VDataTableVirtual: {
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -2781,6 +2790,7 @@ declare const VDataTableVirtual: {
         hideNoData: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
+        hover: boolean;
         fixedHeader: boolean;
         fixedFooter: boolean;
         multiSort: boolean;
@@ -2798,11 +2808,14 @@ declare const VDataTableVirtual: {
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
+        'onClick:row'?: ((e: Event, value: {
+            item: DataTableItem;
+        }) => void) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2812,7 +2825,7 @@ declare const VDataTableVirtual: {
             default?: (() => vue.VNodeChild) | undefined;
             item?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2834,7 +2847,7 @@ declare const VDataTableVirtual: {
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2843,7 +2856,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2852,7 +2865,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2866,7 +2879,7 @@ declare const VDataTableVirtual: {
         $slots?: {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2876,7 +2889,7 @@ declare const VDataTableVirtual: {
             default?: (() => vue.VNodeChild) | undefined;
             item?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2898,7 +2911,7 @@ declare const VDataTableVirtual: {
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2907,7 +2920,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2916,7 +2929,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2930,7 +2943,7 @@ declare const VDataTableVirtual: {
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2940,7 +2953,7 @@ declare const VDataTableVirtual: {
             default?: false | (() => vue.VNodeChild) | undefined;
             item?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2962,7 +2975,7 @@ declare const VDataTableVirtual: {
             'no-data'?: false | (() => vue.VNodeChild) | undefined;
             'expanded-row'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2971,7 +2984,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2980,7 +2993,7 @@ declare const VDataTableVirtual: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -2994,7 +3007,7 @@ declare const VDataTableVirtual: {
     } & {
         [x: `v-slot:item.${string}`]: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3004,7 +3017,7 @@ declare const VDataTableVirtual: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:item"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3026,7 +3039,7 @@ declare const VDataTableVirtual: {
         "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:expanded-row"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3035,7 +3048,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:item.data-table-select"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3044,7 +3057,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:item.data-table-expand"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3059,7 +3072,7 @@ declare const VDataTableVirtual: {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((value: any) => any) | undefined;
-        "onClick:row"?: ((event: Event, value: {
+        "onClick:row"?: ((e: Event, value: {
             item: DataTableItem;
         }) => any) | undefined;
         "onUpdate:options"?: ((value: any) => any) | undefined;
@@ -3082,6 +3095,7 @@ declare const VDataTableVirtual: {
     hideNoData: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
+    hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;
     multiSort: boolean;
@@ -3099,11 +3113,14 @@ declare const VDataTableVirtual: {
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
+    'onClick:row'?: ((e: Event, value: {
+        item: DataTableItem;
+    }) => void) | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3113,7 +3130,7 @@ declare const VDataTableVirtual: {
         default?: (() => vue.VNodeChild) | undefined;
         item?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3135,7 +3152,7 @@ declare const VDataTableVirtual: {
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3144,7 +3161,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3153,7 +3170,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3167,7 +3184,7 @@ declare const VDataTableVirtual: {
     $slots?: {
         [x: `item.${string}`]: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3177,7 +3194,7 @@ declare const VDataTableVirtual: {
         default?: (() => vue.VNodeChild) | undefined;
         item?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3199,7 +3216,7 @@ declare const VDataTableVirtual: {
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3208,7 +3225,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3217,7 +3234,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3231,7 +3248,7 @@ declare const VDataTableVirtual: {
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3241,7 +3258,7 @@ declare const VDataTableVirtual: {
         default?: false | (() => vue.VNodeChild) | undefined;
         item?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3263,7 +3280,7 @@ declare const VDataTableVirtual: {
         'no-data'?: false | (() => vue.VNodeChild) | undefined;
         'expanded-row'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3272,7 +3289,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3281,7 +3298,7 @@ declare const VDataTableVirtual: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -3295,7 +3312,7 @@ declare const VDataTableVirtual: {
 } & {
     [x: `v-slot:item.${string}`]: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -3305,7 +3322,7 @@ declare const VDataTableVirtual: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:item"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -3327,7 +3344,7 @@ declare const VDataTableVirtual: {
     "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:expanded-row"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -3336,7 +3353,7 @@ declare const VDataTableVirtual: {
     }) => vue.VNodeChild) | undefined;
     "v-slot:item.data-table-select"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -3345,7 +3362,7 @@ declare const VDataTableVirtual: {
     }) => vue.VNodeChild) | undefined;
     "v-slot:item.data-table-expand"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -3360,7 +3377,7 @@ declare const VDataTableVirtual: {
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((value: any) => any) | undefined;
-    "onClick:row"?: ((event: Event, value: {
+    "onClick:row"?: ((e: Event, value: {
         item: DataTableItem;
     }) => any) | undefined;
     "onUpdate:options"?: ((value: any) => any) | undefined;
@@ -3370,7 +3387,7 @@ declare const VDataTableVirtual: {
     'update:options': (value: any) => true;
     'update:groupBy': (value: any) => true;
     'update:expanded': (value: any) => true;
-    'click:row': (event: Event, value: {
+    'click:row': (e: Event, value: {
         item: DataTableItem;
     }) => true;
 }, string, {
@@ -3388,6 +3405,7 @@ declare const VDataTableVirtual: {
     hideNoData: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
+    hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;
     multiSort: boolean;
@@ -3465,6 +3483,7 @@ declare const VDataTableVirtual: {
         default: () => never[];
     };
     hideNoData: BooleanConstructor;
+    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
@@ -3473,6 +3492,9 @@ declare const VDataTableVirtual: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    'onClick:row': vue.PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
     search: StringConstructor;
 }, vue.ExtractPropTypes<{
     customFilter: vue.PropType<FilterFunction>;
@@ -3541,6 +3563,7 @@ declare const VDataTableVirtual: {
         default: () => never[];
     };
     hideNoData: BooleanConstructor;
+    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
@@ -3549,6 +3572,9 @@ declare const VDataTableVirtual: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    'onClick:row': vue.PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
     search: StringConstructor;
 }>>;
 type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>;
@@ -3572,6 +3598,7 @@ declare const VDataTableServer: {
             itemProps: SelectItemKey;
             returnObject: boolean;
             hideNoData: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -3596,6 +3623,7 @@ declare const VDataTableServer: {
             itemProps: SelectItemKey;
             returnObject: boolean;
             hideNoData: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -3611,11 +3639,14 @@ declare const VDataTableServer: {
             width?: string | number | undefined;
             color?: string | undefined;
             loading?: string | boolean | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3625,7 +3656,7 @@ declare const VDataTableServer: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3647,7 +3678,7 @@ declare const VDataTableServer: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3656,7 +3687,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3665,7 +3696,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3685,7 +3716,7 @@ declare const VDataTableServer: {
             $slots?: {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3695,7 +3726,7 @@ declare const VDataTableServer: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3717,7 +3748,7 @@ declare const VDataTableServer: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3726,7 +3757,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3735,7 +3766,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3755,7 +3786,7 @@ declare const VDataTableServer: {
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3765,7 +3796,7 @@ declare const VDataTableServer: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 item?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3787,7 +3818,7 @@ declare const VDataTableServer: {
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3796,7 +3827,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3805,7 +3836,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3825,7 +3856,7 @@ declare const VDataTableServer: {
         } & {
             [x: `v-slot:item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -3835,7 +3866,7 @@ declare const VDataTableServer: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:item"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -3857,7 +3888,7 @@ declare const VDataTableServer: {
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -3866,7 +3897,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-select"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -3875,7 +3906,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-expand"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -3896,13 +3927,13 @@ declare const VDataTableServer: {
             "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((options: any) => any) | undefined;
-            "onClick:row"?: ((event: Event, value: {
+            "onClick:row"?: ((e: Event, value: {
                 item: DataTableItem;
             }) => any) | undefined;
             "onUpdate:page"?: ((page: number) => any) | undefined;
             "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
             "onUpdate:options"?: ((options: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "page" | "headers" | "noDataText" | "loadingText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "itemsPerPage">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "page" | "headers" | "noDataText" | "loadingText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "hover" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "itemsPerPage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3914,9 +3945,9 @@ declare const VDataTableServer: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: ((event: "update:modelValue", value: any[]) => void) & ((event: "click:row", event: Event, value: {
+        $emit: ((event: "update:modelValue", value: any[]) => void) & ((event: "update:options", options: any) => void) & ((event: "update:page", page: number) => void) & ((event: "update:itemsPerPage", page: number) => void) & ((event: "update:sortBy", sortBy: any) => void) & ((event: "update:groupBy", value: any) => void) & ((event: "update:expanded", options: any) => void) & ((event: "click:row", e: Event, value: {
             item: DataTableItem;
-        }) => void) & ((event: "update:options", options: any) => void) & ((event: "update:page", page: number) => void) & ((event: "update:itemsPerPage", page: number) => void) & ((event: "update:sortBy", sortBy: any) => void) & ((event: "update:groupBy", value: any) => void) & ((event: "update:expanded", options: any) => void);
+        }) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             expanded: string[];
@@ -3933,6 +3964,7 @@ declare const VDataTableServer: {
             itemProps: SelectItemKey;
             returnObject: boolean;
             hideNoData: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -3948,11 +3980,14 @@ declare const VDataTableServer: {
             width?: string | number | undefined;
             color?: string | undefined;
             loading?: string | boolean | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3962,7 +3997,7 @@ declare const VDataTableServer: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3984,7 +4019,7 @@ declare const VDataTableServer: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -3993,7 +4028,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4002,7 +4037,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4022,7 +4057,7 @@ declare const VDataTableServer: {
             $slots?: {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4032,7 +4067,7 @@ declare const VDataTableServer: {
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4054,7 +4089,7 @@ declare const VDataTableServer: {
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4063,7 +4098,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4072,7 +4107,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4092,7 +4127,7 @@ declare const VDataTableServer: {
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4102,7 +4137,7 @@ declare const VDataTableServer: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 item?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4124,7 +4159,7 @@ declare const VDataTableServer: {
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4133,7 +4168,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-select'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4142,7 +4177,7 @@ declare const VDataTableServer: {
                 }) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: false | ((args_0: {
                     index: number;
-                    item: InternalDataTableItem;
+                    item: DataTableItem;
                     columns: InternalDataTableHeader[];
                     isExpanded: (item: DataTableItem) => boolean;
                     toggleExpand: (item: DataTableItem) => void;
@@ -4162,7 +4197,7 @@ declare const VDataTableServer: {
         } & {
             [x: `v-slot:item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4172,7 +4207,7 @@ declare const VDataTableServer: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:item"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4194,7 +4229,7 @@ declare const VDataTableServer: {
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4203,7 +4238,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-select"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4212,7 +4247,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:item.data-table-expand"?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4233,7 +4268,7 @@ declare const VDataTableServer: {
             "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:expanded"?: ((options: any) => any) | undefined;
-            "onClick:row"?: ((event: Event, value: {
+            "onClick:row"?: ((e: Event, value: {
                 item: DataTableItem;
             }) => any) | undefined;
             "onUpdate:page"?: ((page: number) => any) | undefined;
@@ -4247,7 +4282,7 @@ declare const VDataTableServer: {
             'update:options': (options: any) => true;
             'update:expanded': (options: any) => true;
             'update:groupBy': (value: any) => true;
-            'click:row': (event: Event, value: {
+            'click:row': (e: Event, value: {
                 item: DataTableItem;
             }) => true;
         }, string, {
@@ -4265,6 +4300,7 @@ declare const VDataTableServer: {
             itemProps: SelectItemKey;
             returnObject: boolean;
             hideNoData: boolean;
+            hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
             multiSort: boolean;
@@ -4309,6 +4345,7 @@ declare const VDataTableServer: {
         itemProps: SelectItemKey;
         returnObject: boolean;
         hideNoData: boolean;
+        hover: boolean;
         fixedHeader: boolean;
         fixedFooter: boolean;
         multiSort: boolean;
@@ -4324,11 +4361,14 @@ declare const VDataTableServer: {
         width?: string | number | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        'onClick:row'?: ((e: Event, value: {
+            item: DataTableItem;
+        }) => void) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4338,7 +4378,7 @@ declare const VDataTableServer: {
             default?: (() => vue.VNodeChild) | undefined;
             item?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4360,7 +4400,7 @@ declare const VDataTableServer: {
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4369,7 +4409,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4378,7 +4418,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4398,7 +4438,7 @@ declare const VDataTableServer: {
         $slots?: {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4408,7 +4448,7 @@ declare const VDataTableServer: {
             default?: (() => vue.VNodeChild) | undefined;
             item?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4430,7 +4470,7 @@ declare const VDataTableServer: {
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4439,7 +4479,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4448,7 +4488,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4468,7 +4508,7 @@ declare const VDataTableServer: {
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4478,7 +4518,7 @@ declare const VDataTableServer: {
             default?: false | (() => vue.VNodeChild) | undefined;
             item?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4500,7 +4540,7 @@ declare const VDataTableServer: {
             'no-data'?: false | (() => vue.VNodeChild) | undefined;
             'expanded-row'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4509,7 +4549,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-select'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4518,7 +4558,7 @@ declare const VDataTableServer: {
             }) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: false | ((args_0: {
                 index: number;
-                item: InternalDataTableItem;
+                item: DataTableItem;
                 columns: InternalDataTableHeader[];
                 isExpanded: (item: DataTableItem) => boolean;
                 toggleExpand: (item: DataTableItem) => void;
@@ -4538,7 +4578,7 @@ declare const VDataTableServer: {
     } & {
         [x: `v-slot:item.${string}`]: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4548,7 +4588,7 @@ declare const VDataTableServer: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:item"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4570,7 +4610,7 @@ declare const VDataTableServer: {
         "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:expanded-row"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4579,7 +4619,7 @@ declare const VDataTableServer: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:item.data-table-select"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4588,7 +4628,7 @@ declare const VDataTableServer: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:item.data-table-expand"?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4609,7 +4649,7 @@ declare const VDataTableServer: {
         "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((options: any) => any) | undefined;
-        "onClick:row"?: ((event: Event, value: {
+        "onClick:row"?: ((e: Event, value: {
             item: DataTableItem;
         }) => any) | undefined;
         "onUpdate:page"?: ((page: number) => any) | undefined;
@@ -4634,6 +4674,7 @@ declare const VDataTableServer: {
     itemProps: SelectItemKey;
     returnObject: boolean;
     hideNoData: boolean;
+    hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;
     multiSort: boolean;
@@ -4649,11 +4690,14 @@ declare const VDataTableServer: {
     width?: string | number | undefined;
     color?: string | undefined;
     loading?: string | boolean | undefined;
+    'onClick:row'?: ((e: Event, value: {
+        item: DataTableItem;
+    }) => void) | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4663,7 +4707,7 @@ declare const VDataTableServer: {
         default?: (() => vue.VNodeChild) | undefined;
         item?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4685,7 +4729,7 @@ declare const VDataTableServer: {
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4694,7 +4738,7 @@ declare const VDataTableServer: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4703,7 +4747,7 @@ declare const VDataTableServer: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4723,7 +4767,7 @@ declare const VDataTableServer: {
     $slots?: {
         [x: `item.${string}`]: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4733,7 +4777,7 @@ declare const VDataTableServer: {
         default?: (() => vue.VNodeChild) | undefined;
         item?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4755,7 +4799,7 @@ declare const VDataTableServer: {
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4764,7 +4808,7 @@ declare const VDataTableServer: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4773,7 +4817,7 @@ declare const VDataTableServer: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4793,7 +4837,7 @@ declare const VDataTableServer: {
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4803,7 +4847,7 @@ declare const VDataTableServer: {
         default?: false | (() => vue.VNodeChild) | undefined;
         item?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4825,7 +4869,7 @@ declare const VDataTableServer: {
         'no-data'?: false | (() => vue.VNodeChild) | undefined;
         'expanded-row'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4834,7 +4878,7 @@ declare const VDataTableServer: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-select'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4843,7 +4887,7 @@ declare const VDataTableServer: {
         }) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: false | ((args_0: {
             index: number;
-            item: InternalDataTableItem;
+            item: DataTableItem;
             columns: InternalDataTableHeader[];
             isExpanded: (item: DataTableItem) => boolean;
             toggleExpand: (item: DataTableItem) => void;
@@ -4863,7 +4907,7 @@ declare const VDataTableServer: {
 } & {
     [x: `v-slot:item.${string}`]: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -4873,7 +4917,7 @@ declare const VDataTableServer: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:item"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -4895,7 +4939,7 @@ declare const VDataTableServer: {
     "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:expanded-row"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -4904,7 +4948,7 @@ declare const VDataTableServer: {
     }) => vue.VNodeChild) | undefined;
     "v-slot:item.data-table-select"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -4913,7 +4957,7 @@ declare const VDataTableServer: {
     }) => vue.VNodeChild) | undefined;
     "v-slot:item.data-table-expand"?: false | ((args_0: {
         index: number;
-        item: InternalDataTableItem;
+        item: DataTableItem;
         columns: InternalDataTableHeader[];
         isExpanded: (item: DataTableItem) => boolean;
         toggleExpand: (item: DataTableItem) => void;
@@ -4934,7 +4978,7 @@ declare const VDataTableServer: {
     "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((options: any) => any) | undefined;
-    "onClick:row"?: ((event: Event, value: {
+    "onClick:row"?: ((e: Event, value: {
         item: DataTableItem;
     }) => any) | undefined;
     "onUpdate:page"?: ((page: number) => any) | undefined;
@@ -4948,7 +4992,7 @@ declare const VDataTableServer: {
     'update:options': (options: any) => true;
     'update:expanded': (options: any) => true;
     'update:groupBy': (value: any) => true;
-    'click:row': (event: Event, value: {
+    'click:row': (e: Event, value: {
         item: DataTableItem;
     }) => true;
 }, string, {
@@ -4966,6 +5010,7 @@ declare const VDataTableServer: {
     itemProps: SelectItemKey;
     returnObject: boolean;
     hideNoData: boolean;
+    hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;
     multiSort: boolean;
@@ -5034,6 +5079,7 @@ declare const VDataTableServer: {
         default: () => never[];
     };
     hideNoData: BooleanConstructor;
+    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
@@ -5042,6 +5088,9 @@ declare const VDataTableServer: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    'onClick:row': vue.PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
     color: StringConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
@@ -5111,6 +5160,7 @@ declare const VDataTableServer: {
         default: () => never[];
     };
     hideNoData: BooleanConstructor;
+    hover: BooleanConstructor;
     noDataText: {
         type: StringConstructor;
         default: string;
@@ -5119,6 +5169,9 @@ declare const VDataTableServer: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    'onClick:row': vue.PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
     color: StringConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
@@ -5413,6 +5466,220 @@ declare const VDataTableFooter: {
     showCurrentPage: BooleanConstructor;
 }>>;
 
+declare const VSkeletonLoader: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            loading: boolean;
+            loadingText: string;
+            boilerplate: boolean;
+        }> & Omit<{
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            loading: boolean;
+            loadingText: string;
+            boilerplate: boolean;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "type" | "loading" | "loadingText" | "boilerplate">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            loading: boolean;
+            loadingText: string;
+            boilerplate: boolean;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            loading: boolean;
+            loadingText: string;
+            boilerplate: boolean;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+        loading: boolean;
+        loadingText: string;
+        boilerplate: boolean;
+    } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        elevation?: string | number | undefined;
+        theme?: string | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+    loading: boolean;
+    loadingText: string;
+    boilerplate: boolean;
+} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+    loading: boolean;
+    loadingText: string;
+    boilerplate: boolean;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    boilerplate: BooleanConstructor;
+    color: StringConstructor;
+    loading: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
+        default: string;
+    };
+}, vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    boilerplate: BooleanConstructor;
+    color: StringConstructor;
+    loading: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
+        default: string;
+    };
+}>>;
+type VSkeletonLoader = InstanceType<typeof VSkeletonLoader>;
+
 interface VVirtualScrollSlot<T> {
     item: T;
     index: number;
@@ -5562,4 +5829,4 @@ declare const VVirtualScroll: {
 }>>;
 type VVirtualScroll = InstanceType<typeof VVirtualScroll>;
 
-export { VDataTable, VDataTableFooter, VDataTableRow, VDataTableRows, VDataTableServer, VDataTableVirtual, VVirtualScroll };
+export { VDataTable, VDataTableFooter, VDataTableRow, VDataTableRows, VDataTableServer, VDataTableVirtual, VSkeletonLoader, VVirtualScroll };