@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230511.0

package/lib/labs/{components.d.ts → components.d.mts}

@@ -111,7 +111,7 @@ declare const VDataTableRows: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -122,17 +122,6 @@ declare const VDataTableRows: {
                 'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: GroupHeaderSlot) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
@@ -180,7 +169,7 @@ declare const VDataTableRows: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
                 item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -191,17 +180,6 @@ declare const VDataTableRows: {
                 'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: GroupHeaderSlot) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
@@ -260,7 +238,7 @@ declare const VDataTableRows: {
             item: DataTableItem;
         }) => void) | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
             item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -271,17 +249,6 @@ declare const VDataTableRows: {
             'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            loading?: (() => vue.VNodeChild) | undefined;
-            'group-header'?: ((args_0: GroupHeaderSlot) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
@@ -319,7 +286,7 @@ declare const VDataTableRows: {
         item: DataTableItem;
     }) => void) | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
         item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
@@ -330,17 +297,6 @@ declare const VDataTableRows: {
         'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        [x: `item.${string}`]: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        item?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        loading?: (() => vue.VNodeChild) | undefined;
-        'group-header'?: ((args_0: GroupHeaderSlot) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-        'expanded-row'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        'item.data-table-select'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-        'item.data-table-expand'?: ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: ItemSlot) => vue.VNodeChild) | undefined;
         default?: false | (() => vue.VNodeChild) | undefined;
@@ -417,6 +373,7 @@ declare const VDataTable: {
             page: string | number;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
             modelValue: any[];
@@ -443,6 +400,7 @@ declare const VDataTable: {
             page: string | number;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
             modelValue: any[];
@@ -468,6 +426,7 @@ declare const VDataTable: {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            loading?: string | boolean | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
@@ -475,7 +434,7 @@ declare const VDataTable: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -545,76 +504,6 @@ declare const VDataTable: {
                 bottom?: (() => vue.VNodeChild) | undefined;
                 'footer.prepend'?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                body?: (() => vue.VNodeChild) | undefined;
-                tbody?: (() => vue.VNodeChild) | undefined;
-                thead?: (() => vue.VNodeChild) | undefined;
-                tfoot?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-                'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -762,7 +651,7 @@ declare const VDataTable: {
             "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" | "hover" | "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" | "filterMode" | "noFilter" | "hover" | "fixedHeader" | "fixedFooter" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "itemsPerPage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -781,6 +670,7 @@ declare const VDataTable: {
             page: string | number;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
             modelValue: any[];
@@ -806,6 +696,7 @@ declare const VDataTable: {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            loading?: string | boolean | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
@@ -813,7 +704,7 @@ declare const VDataTable: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -883,76 +774,6 @@ declare const VDataTable: {
                 bottom?: (() => vue.VNodeChild) | undefined;
                 'footer.prepend'?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                body?: (() => vue.VNodeChild) | undefined;
-                tbody?: (() => vue.VNodeChild) | undefined;
-                thead?: (() => vue.VNodeChild) | undefined;
-                tfoot?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-                'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -1113,6 +934,7 @@ declare const VDataTable: {
             page: string | number;
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
             modelValue: any[];
@@ -1159,6 +981,7 @@ declare const VDataTable: {
         page: string | number;
         headers: DataTableHeader[] | DataTableHeader[][];
         noDataText: string;
+        loadingText: string;
         sortBy: SortItem[];
         items: any[];
         modelValue: any[];
@@ -1184,6 +1007,7 @@ declare const VDataTable: {
         search?: string | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
+        loading?: string | boolean | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
@@ -1191,7 +1015,7 @@ declare const VDataTable: {
             item: DataTableItem;
         }) => void) | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
                 item: DataTableItem;
@@ -1261,8 +1085,8 @@ declare const VDataTable: {
             bottom?: (() => vue.VNodeChild) | undefined;
             'footer.prepend'?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            [x: `item.${string}`]: ((args_0: {
+        'v-slots'?: {
+            [x: `item.${string}`]: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1271,8 +1095,8 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            item?: ((args_0: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            item?: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1281,8 +1105,8 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            loading?: (() => vue.VNodeChild) | undefined;
-            'group-header'?: ((args_0: {
+            loading?: false | (() => vue.VNodeChild) | undefined;
+            'group-header'?: false | ((args_0: {
                 index: number;
                 item: GroupHeaderItem;
                 columns: InternalDataTableHeader[];
@@ -1293,8 +1117,8 @@ declare const VDataTable: {
                 toggleGroup: (group: GroupHeaderItem) => void;
                 isGroupOpen: (group: GroupHeaderItem) => boolean;
             }) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: ((args_0: {
+            'no-data'?: false | (() => vue.VNodeChild) | undefined;
+            'expanded-row'?: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1303,7 +1127,7 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: ((args_0: {
+            'item.data-table-select'?: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1312,7 +1136,7 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: ((args_0: {
+            'item.data-table-expand'?: false | ((args_0: {
                 index: number;
                 item: DataTableItem;
                 columns: InternalDataTableHeader[];
@@ -1321,85 +1145,15 @@ declare const VDataTable: {
                 isSelected: (items: DataTableItem[]) => boolean;
                 toggleSelect: (item: DataTableItem) => void;
             }) => vue.VNodeChild) | undefined;
-            colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-            top?: (() => vue.VNodeChild) | undefined;
-            headers?: (() => vue.VNodeChild) | undefined;
-            body?: (() => vue.VNodeChild) | undefined;
-            tbody?: (() => vue.VNodeChild) | undefined;
-            thead?: (() => vue.VNodeChild) | undefined;
-            tfoot?: (() => vue.VNodeChild) | undefined;
-            bottom?: (() => vue.VNodeChild) | undefined;
-            'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
-        'v-slots'?: {
-            [x: `item.${string}`]: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            item?: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            loading?: false | (() => vue.VNodeChild) | undefined;
-            'group-header'?: false | ((args_0: {
-                index: number;
-                item: GroupHeaderItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-                toggleGroup: (group: GroupHeaderItem) => void;
-                isGroupOpen: (group: GroupHeaderItem) => boolean;
-            }) => vue.VNodeChild) | undefined;
-            'no-data'?: false | (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: false | ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            colgroup?: false | ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-            top?: false | (() => vue.VNodeChild) | undefined;
-            headers?: false | (() => vue.VNodeChild) | undefined;
-            body?: false | (() => vue.VNodeChild) | undefined;
-            tbody?: false | (() => vue.VNodeChild) | undefined;
-            thead?: false | (() => vue.VNodeChild) | undefined;
-            tfoot?: false | (() => vue.VNodeChild) | undefined;
-            bottom?: false | (() => vue.VNodeChild) | undefined;
-            'footer.prepend'?: false | (() => vue.VNodeChild) | undefined;
+            colgroup?: false | ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
+            top?: false | (() => vue.VNodeChild) | undefined;
+            headers?: false | (() => vue.VNodeChild) | undefined;
+            body?: false | (() => vue.VNodeChild) | undefined;
+            tbody?: false | (() => vue.VNodeChild) | undefined;
+            thead?: false | (() => vue.VNodeChild) | undefined;
+            tfoot?: false | (() => vue.VNodeChild) | undefined;
+            bottom?: false | (() => vue.VNodeChild) | undefined;
+            'footer.prepend'?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         [x: `v-slot:item.${string}`]: false | ((args_0: {
@@ -1487,6 +1241,7 @@ declare const VDataTable: {
     page: string | number;
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
+    loadingText: string;
     sortBy: SortItem[];
     items: any[];
     modelValue: any[];
@@ -1512,6 +1267,7 @@ declare const VDataTable: {
     search?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
+    loading?: string | boolean | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
@@ -1519,7 +1275,7 @@ declare const VDataTable: {
         item: DataTableItem;
     }) => void) | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
             item: DataTableItem;
@@ -1589,76 +1345,6 @@ declare const VDataTable: {
         bottom?: (() => vue.VNodeChild) | undefined;
         'footer.prepend'?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        [x: `item.${string}`]: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        item?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        loading?: (() => vue.VNodeChild) | undefined;
-        'group-header'?: ((args_0: {
-            index: number;
-            item: GroupHeaderItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-            toggleGroup: (group: GroupHeaderItem) => void;
-            isGroupOpen: (group: GroupHeaderItem) => boolean;
-        }) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-        'expanded-row'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-select'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-expand'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-        top?: (() => vue.VNodeChild) | undefined;
-        headers?: (() => vue.VNodeChild) | undefined;
-        body?: (() => vue.VNodeChild) | undefined;
-        tbody?: (() => vue.VNodeChild) | undefined;
-        thead?: (() => vue.VNodeChild) | undefined;
-        tfoot?: (() => vue.VNodeChild) | undefined;
-        bottom?: (() => vue.VNodeChild) | undefined;
-        'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
@@ -1819,6 +1505,7 @@ declare const VDataTable: {
     page: string | number;
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
+    loadingText: string;
     sortBy: SortItem[];
     items: any[];
     modelValue: any[];
@@ -1888,6 +1575,11 @@ declare const VDataTable: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
     'onClick:row': PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
@@ -1968,6 +1660,11 @@ declare const VDataTable: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
     'onClick:row': PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
@@ -2080,6 +1777,7 @@ declare const VDataTableVirtual: {
             expanded: string[];
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
             modelValue: any[];
@@ -2095,17 +1793,18 @@ declare const VDataTableVirtual: {
             fixedHeader: boolean;
             fixedFooter: boolean;
             itemHeight: string | number;
-            visibleItems: string | number;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
             expandOnClick: boolean;
             showExpand: boolean;
+            visibleItems: string | number;
         }> & Omit<{
             expanded: string[];
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
             modelValue: any[];
@@ -2121,17 +1820,18 @@ declare const VDataTableVirtual: {
             fixedHeader: boolean;
             fixedFooter: boolean;
             itemHeight: string | number;
-            visibleItems: string | number;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
             expandOnClick: boolean;
             showExpand: boolean;
+            visibleItems: string | number;
         } & {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            loading?: string | boolean | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
@@ -2139,7 +1839,7 @@ declare const VDataTableVirtual: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -2203,70 +1903,6 @@ declare const VDataTableVirtual: {
                 headers?: (() => vue.VNodeChild) | undefined;
                 bottom?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -2403,7 +2039,7 @@ declare const VDataTableVirtual: {
                 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" | "hover" | "fixedHeader" | "fixedFooter" | "itemHeight" | "visibleItems" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "expanded" | "headers" | "noDataText" | "loadingText" | "sortBy" | "items" | "modelValue" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "hideNoData" | "filterMode" | "noFilter" | "hover" | "fixedHeader" | "fixedFooter" | "itemHeight" | "multiSort" | "mustSort" | "groupBy" | "showSelect" | "expandOnClick" | "showExpand" | "visibleItems">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2423,6 +2059,7 @@ declare const VDataTableVirtual: {
             expanded: string[];
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
             modelValue: any[];
@@ -2438,17 +2075,18 @@ declare const VDataTableVirtual: {
             fixedHeader: boolean;
             fixedFooter: boolean;
             itemHeight: string | number;
-            visibleItems: string | number;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
             expandOnClick: boolean;
             showExpand: boolean;
+            visibleItems: string | number;
         } & {
             search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            loading?: string | boolean | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
@@ -2456,7 +2094,7 @@ declare const VDataTableVirtual: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -2520,8 +2158,8 @@ declare const VDataTableVirtual: {
                 headers?: (() => vue.VNodeChild) | undefined;
                 bottom?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
+            'v-slots'?: {
+                [x: `item.${string}`]: false | ((args_0: {
                     index: number;
                     item: DataTableItem;
                     columns: InternalDataTableHeader[];
@@ -2530,8 +2168,8 @@ declare const VDataTableVirtual: {
                     isSelected: (items: DataTableItem[]) => boolean;
                     toggleSelect: (item: DataTableItem) => void;
                 }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                item?: false | ((args_0: {
                     index: number;
                     item: DataTableItem;
                     columns: InternalDataTableHeader[];
@@ -2540,8 +2178,8 @@ declare const VDataTableVirtual: {
                     isSelected: (items: DataTableItem[]) => boolean;
                     toggleSelect: (item: DataTableItem) => void;
                 }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
+                loading?: false | (() => vue.VNodeChild) | undefined;
+                'group-header'?: false | ((args_0: {
                     index: number;
                     item: GroupHeaderItem;
                     columns: InternalDataTableHeader[];
@@ -2552,8 +2190,8 @@ declare const VDataTableVirtual: {
                     toggleGroup: (group: GroupHeaderItem) => void;
                     isGroupOpen: (group: GroupHeaderItem) => boolean;
                 }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
+                'no-data'?: false | (() => vue.VNodeChild) | undefined;
+                'expanded-row'?: false | ((args_0: {
                     index: number;
                     item: DataTableItem;
                     columns: InternalDataTableHeader[];
@@ -2562,7 +2200,7 @@ declare const VDataTableVirtual: {
                     isSelected: (items: DataTableItem[]) => boolean;
                     toggleSelect: (item: DataTableItem) => void;
                 }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
+                'item.data-table-select'?: false | ((args_0: {
                     index: number;
                     item: DataTableItem;
                     columns: InternalDataTableHeader[];
@@ -2571,7 +2209,7 @@ declare const VDataTableVirtual: {
                     isSelected: (items: DataTableItem[]) => boolean;
                     toggleSelect: (item: DataTableItem) => void;
                 }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
+                'item.data-table-expand'?: false | ((args_0: {
                     index: number;
                     item: DataTableItem;
                     columns: InternalDataTableHeader[];
@@ -2580,73 +2218,9 @@ declare const VDataTableVirtual: {
                     isSelected: (items: DataTableItem[]) => boolean;
                     toggleSelect: (item: DataTableItem) => void;
                 }) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
-            'v-slots'?: {
-                [x: `item.${string}`]: false | ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: false | (() => vue.VNodeChild) | undefined;
-                item?: false | ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: false | (() => vue.VNodeChild) | undefined;
-                'group-header'?: false | ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: false | (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: false | ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: false | ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: false | ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                top?: false | (() => vue.VNodeChild) | undefined;
-                headers?: false | (() => vue.VNodeChild) | undefined;
-                bottom?: false | (() => vue.VNodeChild) | undefined;
+                top?: false | (() => vue.VNodeChild) | undefined;
+                headers?: false | (() => vue.VNodeChild) | undefined;
+                bottom?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             [x: `v-slot:item.${string}`]: false | ((args_0: {
@@ -2733,6 +2307,7 @@ declare const VDataTableVirtual: {
             expanded: string[];
             headers: DataTableHeader[] | DataTableHeader[][];
             noDataText: string;
+            loadingText: string;
             sortBy: SortItem[];
             items: any[];
             modelValue: any[];
@@ -2748,13 +2323,13 @@ declare const VDataTableVirtual: {
             fixedHeader: boolean;
             fixedFooter: boolean;
             itemHeight: string | number;
-            visibleItems: string | number;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: SortItem[];
             showSelect: boolean;
             expandOnClick: boolean;
             showExpand: boolean;
+            visibleItems: string | number;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -2779,6 +2354,7 @@ declare const VDataTableVirtual: {
         expanded: string[];
         headers: DataTableHeader[] | DataTableHeader[][];
         noDataText: string;
+        loadingText: string;
         sortBy: SortItem[];
         items: any[];
         modelValue: any[];
@@ -2794,17 +2370,18 @@ declare const VDataTableVirtual: {
         fixedHeader: boolean;
         fixedFooter: boolean;
         itemHeight: string | number;
-        visibleItems: string | number;
         multiSort: boolean;
         mustSort: boolean;
         groupBy: SortItem[];
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
+        visibleItems: string | number;
     } & {
         search?: string | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
+        loading?: string | boolean | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
@@ -2812,7 +2389,7 @@ declare const VDataTableVirtual: {
             item: DataTableItem;
         }) => void) | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
                 item: DataTableItem;
@@ -2876,70 +2453,6 @@ declare const VDataTableVirtual: {
             headers?: (() => vue.VNodeChild) | undefined;
             bottom?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            [x: `item.${string}`]: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            item?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            loading?: (() => vue.VNodeChild) | undefined;
-            'group-header'?: ((args_0: {
-                index: number;
-                item: GroupHeaderItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-                toggleGroup: (group: GroupHeaderItem) => void;
-                isGroupOpen: (group: GroupHeaderItem) => boolean;
-            }) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            top?: (() => vue.VNodeChild) | undefined;
-            headers?: (() => vue.VNodeChild) | undefined;
-            bottom?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: {
                 index: number;
@@ -3084,6 +2597,7 @@ declare const VDataTableVirtual: {
     expanded: string[];
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
+    loadingText: string;
     sortBy: SortItem[];
     items: any[];
     modelValue: any[];
@@ -3099,17 +2613,18 @@ declare const VDataTableVirtual: {
     fixedHeader: boolean;
     fixedFooter: boolean;
     itemHeight: string | number;
-    visibleItems: string | number;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
     expandOnClick: boolean;
     showExpand: boolean;
+    visibleItems: string | number;
 } & {
     search?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
+    loading?: string | boolean | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
@@ -3117,7 +2632,7 @@ declare const VDataTableVirtual: {
         item: DataTableItem;
     }) => void) | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
             item: DataTableItem;
@@ -3181,70 +2696,6 @@ declare const VDataTableVirtual: {
         headers?: (() => vue.VNodeChild) | undefined;
         bottom?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        [x: `item.${string}`]: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        item?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        loading?: (() => vue.VNodeChild) | undefined;
-        'group-header'?: ((args_0: {
-            index: number;
-            item: GroupHeaderItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-            toggleGroup: (group: GroupHeaderItem) => void;
-            isGroupOpen: (group: GroupHeaderItem) => boolean;
-        }) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-        'expanded-row'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-select'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-expand'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        top?: (() => vue.VNodeChild) | undefined;
-        headers?: (() => vue.VNodeChild) | undefined;
-        bottom?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
@@ -3394,6 +2845,7 @@ declare const VDataTableVirtual: {
     expanded: string[];
     headers: DataTableHeader[] | DataTableHeader[][];
     noDataText: string;
+    loadingText: string;
     sortBy: SortItem[];
     items: any[];
     modelValue: any[];
@@ -3409,13 +2861,13 @@ declare const VDataTableVirtual: {
     fixedHeader: boolean;
     fixedFooter: boolean;
     itemHeight: string | number;
-    visibleItems: string | number;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: SortItem[];
     showSelect: boolean;
     expandOnClick: boolean;
     showExpand: boolean;
+    visibleItems: string | number;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     customFilter: vue.PropType<FilterFunction>;
     customKeyFilter: vue.PropType<FilterKeyFunctions>;
@@ -3492,6 +2944,11 @@ declare const VDataTableVirtual: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
     'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
@@ -3572,6 +3029,11 @@ declare const VDataTableVirtual: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
     'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
@@ -3644,7 +3106,7 @@ declare const VDataTableServer: {
                 item: DataTableItem;
             }) => void) | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -3714,76 +3176,6 @@ declare const VDataTableServer: {
                 bottom?: (() => vue.VNodeChild) | undefined;
                 'footer.prepend'?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                [x: `item.${string}`]: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                body?: (() => vue.VNodeChild) | undefined;
-                tbody?: (() => vue.VNodeChild) | undefined;
-                thead?: (() => vue.VNodeChild) | undefined;
-                tfoot?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-                'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -3943,120 +3335,50 @@ declare const VDataTableServer: {
         };
         $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: "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);
-        $el: any;
-        $options: vue.ComponentOptionsBase<{
-            expanded: string[];
-            page: string | number;
-            headers: DataTableHeader[] | DataTableHeader[][];
-            noDataText: string;
-            loadingText: string;
-            sortBy: SortItem[];
-            items: any[];
-            modelValue: any[];
-            itemTitle: SelectItemKey;
-            itemValue: NonNullable<SelectItemKey>;
-            itemChildren: SelectItemKey;
-            itemProps: SelectItemKey;
-            returnObject: boolean;
-            hideNoData: boolean;
-            hover: boolean;
-            fixedHeader: boolean;
-            fixedFooter: boolean;
-            multiSort: boolean;
-            mustSort: boolean;
-            groupBy: SortItem[];
-            showSelect: boolean;
-            expandOnClick: boolean;
-            showExpand: boolean;
-            itemsPerPage: string | number;
-            itemsLength: string | number;
-        } & {
-            search?: string | undefined;
-            height?: string | number | undefined;
-            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: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                item?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                loading?: (() => vue.VNodeChild) | undefined;
-                'group-header'?: ((args_0: {
-                    index: number;
-                    item: GroupHeaderItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                    toggleGroup: (group: GroupHeaderItem) => void;
-                    isGroupOpen: (group: GroupHeaderItem) => boolean;
-                }) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-                'expanded-row'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-select'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                'item.data-table-expand'?: ((args_0: {
-                    index: number;
-                    item: DataTableItem;
-                    columns: InternalDataTableHeader[];
-                    isExpanded: (item: DataTableItem) => boolean;
-                    toggleExpand: (item: DataTableItem) => void;
-                    isSelected: (items: DataTableItem[]) => boolean;
-                    toggleSelect: (item: DataTableItem) => void;
-                }) => vue.VNodeChild) | undefined;
-                colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-                top?: (() => vue.VNodeChild) | undefined;
-                headers?: (() => vue.VNodeChild) | undefined;
-                body?: (() => vue.VNodeChild) | undefined;
-                tbody?: (() => vue.VNodeChild) | undefined;
-                thead?: (() => vue.VNodeChild) | undefined;
-                tfoot?: (() => vue.VNodeChild) | undefined;
-                bottom?: (() => vue.VNodeChild) | undefined;
-                'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+        }>;
+        $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: "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);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            expanded: string[];
+            page: string | number;
+            headers: DataTableHeader[] | DataTableHeader[][];
+            noDataText: string;
+            loadingText: string;
+            sortBy: SortItem[];
+            items: any[];
+            modelValue: any[];
+            itemTitle: SelectItemKey;
+            itemValue: NonNullable<SelectItemKey>;
+            itemChildren: SelectItemKey;
+            itemProps: SelectItemKey;
+            returnObject: boolean;
+            hideNoData: boolean;
+            hover: boolean;
+            fixedHeader: boolean;
+            fixedFooter: boolean;
+            multiSort: boolean;
+            mustSort: boolean;
+            groupBy: SortItem[];
+            showSelect: boolean;
+            expandOnClick: boolean;
+            showExpand: boolean;
+            itemsPerPage: string | number;
+            itemsLength: string | number;
+        } & {
+            search?: string | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            'onClick:row'?: ((e: Event, value: {
+                item: DataTableItem;
+            }) => void) | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 [x: `item.${string}`]: ((args_0: {
                     index: number;
                     item: DataTableItem;
@@ -4125,7 +3447,7 @@ declare const VDataTableServer: {
                 tfoot?: (() => vue.VNodeChild) | undefined;
                 bottom?: (() => vue.VNodeChild) | undefined;
                 'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
+            };
             'v-slots'?: {
                 [x: `item.${string}`]: false | ((args_0: {
                     index: number;
@@ -4368,7 +3690,7 @@ declare const VDataTableServer: {
             item: DataTableItem;
         }) => void) | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             [x: `item.${string}`]: ((args_0: {
                 index: number;
                 item: DataTableItem;
@@ -4438,76 +3760,6 @@ declare const VDataTableServer: {
             bottom?: (() => vue.VNodeChild) | undefined;
             'footer.prepend'?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            [x: `item.${string}`]: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            item?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            loading?: (() => vue.VNodeChild) | undefined;
-            'group-header'?: ((args_0: {
-                index: number;
-                item: GroupHeaderItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-                toggleGroup: (group: GroupHeaderItem) => void;
-                isGroupOpen: (group: GroupHeaderItem) => boolean;
-            }) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-            'expanded-row'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-select'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            'item.data-table-expand'?: ((args_0: {
-                index: number;
-                item: DataTableItem;
-                columns: InternalDataTableHeader[];
-                isExpanded: (item: DataTableItem) => boolean;
-                toggleExpand: (item: DataTableItem) => void;
-                isSelected: (items: DataTableItem[]) => boolean;
-                toggleSelect: (item: DataTableItem) => void;
-            }) => vue.VNodeChild) | undefined;
-            colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-            top?: (() => vue.VNodeChild) | undefined;
-            headers?: (() => vue.VNodeChild) | undefined;
-            body?: (() => vue.VNodeChild) | undefined;
-            tbody?: (() => vue.VNodeChild) | undefined;
-            thead?: (() => vue.VNodeChild) | undefined;
-            tfoot?: (() => vue.VNodeChild) | undefined;
-            bottom?: (() => vue.VNodeChild) | undefined;
-            'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             [x: `item.${string}`]: false | ((args_0: {
                 index: number;
@@ -4698,7 +3950,7 @@ declare const VDataTableServer: {
         item: DataTableItem;
     }) => void) | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         [x: `item.${string}`]: ((args_0: {
             index: number;
             item: DataTableItem;
@@ -4768,76 +4020,6 @@ declare const VDataTableServer: {
         bottom?: (() => vue.VNodeChild) | undefined;
         'footer.prepend'?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        [x: `item.${string}`]: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        item?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        loading?: (() => vue.VNodeChild) | undefined;
-        'group-header'?: ((args_0: {
-            index: number;
-            item: GroupHeaderItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-            toggleGroup: (group: GroupHeaderItem) => void;
-            isGroupOpen: (group: GroupHeaderItem) => boolean;
-        }) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-        'expanded-row'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-select'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        'item.data-table-expand'?: ((args_0: {
-            index: number;
-            item: DataTableItem;
-            columns: InternalDataTableHeader[];
-            isExpanded: (item: DataTableItem) => boolean;
-            toggleExpand: (item: DataTableItem) => void;
-            isSelected: (items: DataTableItem[]) => boolean;
-            toggleSelect: (item: DataTableItem) => void;
-        }) => vue.VNodeChild) | undefined;
-        colgroup?: ((args_0: InternalDataTableHeader) => vue.VNodeChild) | undefined;
-        top?: (() => vue.VNodeChild) | undefined;
-        headers?: (() => vue.VNodeChild) | undefined;
-        body?: (() => vue.VNodeChild) | undefined;
-        tbody?: (() => vue.VNodeChild) | undefined;
-        thead?: (() => vue.VNodeChild) | undefined;
-        tfoot?: (() => vue.VNodeChild) | undefined;
-        bottom?: (() => vue.VNodeChild) | undefined;
-        'footer.prepend'?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         [x: `item.${string}`]: false | ((args_0: {
             index: number;
@@ -5092,16 +4274,16 @@ declare const VDataTableServer: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
-    'onClick:row': vue.PropType<(e: Event, value: {
-        item: DataTableItem;
-    }) => void>;
-    search: StringConstructor;
-    color: StringConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
         type: StringConstructor;
         default: string;
     };
+    'onClick:row': vue.PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
+    search: StringConstructor;
+    color: StringConstructor;
     itemsLength: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
@@ -5174,16 +4356,16 @@ declare const VDataTableServer: {
     width: (StringConstructor | NumberConstructor)[];
     fixedHeader: BooleanConstructor;
     fixedFooter: BooleanConstructor;
-    'onClick:row': vue.PropType<(e: Event, value: {
-        item: DataTableItem;
-    }) => void>;
-    search: StringConstructor;
-    color: StringConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
         type: StringConstructor;
         default: string;
     };
+    'onClick:row': vue.PropType<(e: Event, value: {
+        item: DataTableItem;
+    }) => void>;
+    search: StringConstructor;
+    color: StringConstructor;
     itemsLength: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
@@ -5231,9 +4413,6 @@ declare const VDataTableFooter: {
             $children?: {} | vue.VNodeChild | {
                 prepend?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                prepend?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 prepend?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -5273,9 +4452,6 @@ declare const VDataTableFooter: {
             $children?: {} | vue.VNodeChild | {
                 prepend?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                prepend?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 prepend?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -5337,9 +4513,6 @@ declare const VDataTableFooter: {
         $children?: {} | vue.VNodeChild | {
             prepend?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            prepend?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             prepend?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -5369,9 +4542,6 @@ declare const VDataTableFooter: {
     $children?: {} | vue.VNodeChild | {
         prepend?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        prepend?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         prepend?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -5534,20 +4704,13 @@ declare const VInfiniteScroll: {
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: InfiniteScrollSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
@@ -5599,20 +4762,13 @@ declare const VInfiniteScroll: {
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: InfiniteScrollSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
                 loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
@@ -5678,20 +4834,13 @@ declare const VInfiniteScroll: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
-            default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: InfiniteScrollSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
@@ -5730,20 +4879,13 @@ declare const VInfiniteScroll: {
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
-        default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
+    $children?: vue.VNodeChild | {
         default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((args_0: InfiniteScrollSlot) => vue.VNodeChild);
     'v-slots'?: {
         default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
@@ -5868,9 +5010,6 @@ declare const VSkeletonLoader: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -5909,9 +5048,6 @@ declare const VSkeletonLoader: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -5961,9 +5097,6 @@ declare const VSkeletonLoader: {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -5992,9 +5125,6 @@ declare const VSkeletonLoader: {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;