vuetify 3.1.3 → 3.1.5

package/lib/labs/VDataTable/index.d.ts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
 
-declare type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
+type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
 
 interface InternalItem<T = any> {
     title: string;
@@ -15,8 +15,20 @@ interface InternalItem<T = any> {
     raw: T;
 }
 
-declare type DataTableCompareFunction<T = any> = (a: T, b: T) => number;
-declare type DataTableHeader = {
+/**
+ * - match without highlight
+ * - single match (index), length already known
+ * - single match (start, end)
+ * - multiple matches (start, end), probably shouldn't overlap
+ */
+type FilterMatch = boolean | number | [number, number] | [number, number][];
+type FilterFunction = (value: string, query: string, item?: any) => FilterMatch;
+type FilterKeyFunctions = Record<string, FilterFunction>;
+type FilterKeys = string | string[];
+type FilterMode = 'some' | 'every' | 'union' | 'intersection';
+
+type DataTableCompareFunction<T = any> = (a: T, b: T) => number;
+type DataTableHeader = {
     key: string;
     value?: SelectItemKey;
     title: string;
@@ -30,11 +42,11 @@ declare type DataTableHeader = {
     sortable?: boolean;
     sort?: DataTableCompareFunction;
 };
-declare type DataTableItem = InternalItem & {
+type DataTableItem = InternalItem & {
     type: 'item';
     columns: Record<string, unknown>;
 };
-declare type GroupHeaderItem = {
+type GroupHeaderItem = {
     type: 'group-header';
     id: string;
     key: string;
@@ -42,101 +54,167 @@ declare type GroupHeaderItem = {
     depth: number;
     items: (GroupHeaderItem | DataTableItem)[];
 };
-declare type InternalDataTableItem = DataTableItem | GroupHeaderItem;
+type InternalDataTableItem = DataTableItem | GroupHeaderItem;
 
-declare type SortItem = {
+type SortItem = {
     key: string;
     order?: boolean | 'asc' | 'desc';
 };
 
-/**
- * - match without highlight
- * - single match (index), length already known
- * - single match (start, end)
- * - multiple matches (start, end), probably shouldn't overlap
- */
-declare type FilterMatch = boolean | number | [number, number] | [number, number][];
-declare type FilterFunction = (value: string, query: string, item?: any) => FilterMatch;
-declare type FilterKeyFunctions = Record<string, FilterFunction>;
-declare type FilterKeys = string | string[];
-declare type FilterMode = 'some' | 'every' | 'union' | 'intersection';
+declare const VDataTableRows: vue.DefineComponent<{
+    noDataText: string;
+    loadingText: string;
+    items: InternalDataTableItem[];
+    hideNoData: boolean;
+} & {
+    loading?: string | boolean | undefined;
+    rowHeight?: number | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        item?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: (() => vue.VNodeChild) | undefined;
+        'group-header'?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        item?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: false | (() => vue.VNodeChild) | undefined;
+        'group-header'?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:item"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:group-header"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'click:row': (event: Event, value: {
+        item: DataTableItem;
+    }) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    noDataText: string;
+    loadingText: string;
+    items: InternalDataTableItem[];
+    hideNoData: boolean;
+} & {
+    loading?: string | boolean | undefined;
+    rowHeight?: number | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        item?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: (() => vue.VNodeChild) | undefined;
+        'group-header'?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        item?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: false | (() => vue.VNodeChild) | undefined;
+        'group-header'?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:item"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:group-header"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    "onClick:row"?: ((event: Event, value: {
+        item: DataTableItem;
+    }) => any) | undefined;
+}, {
+    noDataText: string;
+    loadingText: string;
+    items: InternalDataTableItem[];
+    hideNoData: boolean;
+}>;
+type VDataTableRows = InstanceType<typeof VDataTableRows>;
 
 declare const VDataTable: vue.DefineComponent<{
-    customFilter: vue.PropType<FilterFunction>;
-    customKeyFilter: vue.PropType<FilterKeyFunctions>;
-    filterKeys: vue.PropType<FilterKeys>;
-    filterMode: {
-        type: vue.PropType<FilterMode>;
-        default: string;
-    };
-    noFilter: BooleanConstructor;
-    page: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    itemsPerPage: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    sortBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    multiSort: BooleanConstructor;
-    mustSort: BooleanConstructor;
-    showSelect: BooleanConstructor;
-    modelValue: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    expandOnClick: BooleanConstructor;
-    showExpand: BooleanConstructor;
-    expanded: {
-        type: vue.PropType<string[]>;
-        default: () => never[];
-    };
-    hideNoData: BooleanConstructor;
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
-    headers: {
-        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
-        default: () => never[];
-    };
-    items: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    itemTitle: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemValue: Omit<{
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    }, "type" | "default"> & {
-        type: vue.PropType<SelectItemKey>;
-        default: SelectItemKey;
-    };
-    itemChildren: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemProps: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    returnObject: BooleanConstructor;
-    search: StringConstructor;
+    expanded: string[];
+    page: string | number;
+    headers: DataTableHeader[] | DataTableHeader[][];
+    noDataText: string;
+    sortBy: SortItem[];
+    items: any[];
+    modelValue: any[];
+    itemTitle: SelectItemKey;
+    itemValue: NonNullable<SelectItemKey>;
+    itemChildren: SelectItemKey;
+    itemProps: SelectItemKey;
+    returnObject: boolean;
+    hideNoData: boolean;
+    filterMode: FilterMode;
+    noFilter: boolean;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    multiSort: boolean;
+    mustSort: boolean;
+    groupBy: SortItem[];
+    showSelect: boolean;
+    expandOnClick: boolean;
+    showExpand: boolean;
+    itemsPerPage: string | number;
+} & {
+    search?: string | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    customFilter?: FilterFunction | undefined;
+    customKeyFilter?: FilterKeyFunctions | undefined;
+    filterKeys?: FilterKeys | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        item?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: (() => vue.VNodeChild) | undefined;
+        'group-header'?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: (() => 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;
+        colgroup?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        item?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: false | (() => vue.VNodeChild) | undefined;
+        'group-header'?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: false | (() => 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 | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:item"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:group-header"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:headers"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:body"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:tbody"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:thead"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:tfoot"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:colgroup"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: any[]) => true;
     'update:page': (value: number) => true;
@@ -148,83 +226,87 @@ declare const VDataTable: vue.DefineComponent<{
     'click:row': (event: Event, value: {
         item: DataTableItem;
     }) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    customFilter: vue.PropType<FilterFunction>;
-    customKeyFilter: vue.PropType<FilterKeyFunctions>;
-    filterKeys: vue.PropType<FilterKeys>;
-    filterMode: {
-        type: vue.PropType<FilterMode>;
-        default: string;
-    };
-    noFilter: BooleanConstructor;
-    page: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    itemsPerPage: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    sortBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    multiSort: BooleanConstructor;
-    mustSort: BooleanConstructor;
-    showSelect: BooleanConstructor;
-    modelValue: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    expandOnClick: BooleanConstructor;
-    showExpand: BooleanConstructor;
-    expanded: {
-        type: vue.PropType<string[]>;
-        default: () => never[];
-    };
-    hideNoData: BooleanConstructor;
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
-    headers: {
-        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
-        default: () => never[];
-    };
-    items: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    itemTitle: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemValue: Omit<{
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    }, "type" | "default"> & {
-        type: vue.PropType<SelectItemKey>;
-        default: SelectItemKey;
-    };
-    itemChildren: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemProps: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    returnObject: BooleanConstructor;
-    search: StringConstructor;
-}>> & {
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    expanded: string[];
+    page: string | number;
+    headers: DataTableHeader[] | DataTableHeader[][];
+    noDataText: string;
+    sortBy: SortItem[];
+    items: any[];
+    modelValue: any[];
+    itemTitle: SelectItemKey;
+    itemValue: NonNullable<SelectItemKey>;
+    itemChildren: SelectItemKey;
+    itemProps: SelectItemKey;
+    returnObject: boolean;
+    hideNoData: boolean;
+    filterMode: FilterMode;
+    noFilter: boolean;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    multiSort: boolean;
+    mustSort: boolean;
+    groupBy: SortItem[];
+    showSelect: boolean;
+    expandOnClick: boolean;
+    showExpand: boolean;
+    itemsPerPage: string | number;
+} & {
+    search?: string | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    customFilter?: FilterFunction | undefined;
+    customKeyFilter?: FilterKeyFunctions | undefined;
+    filterKeys?: FilterKeys | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        item?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: (() => vue.VNodeChild) | undefined;
+        'group-header'?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: (() => 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;
+        colgroup?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        item?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: false | (() => vue.VNodeChild) | undefined;
+        'group-header'?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: false | (() => 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 | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:item"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:group-header"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:headers"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:body"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:tbody"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:thead"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:tfoot"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:colgroup"?: false | (() => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((value: any) => any) | undefined;
@@ -244,7 +326,7 @@ declare const VDataTable: vue.DefineComponent<{
     items: any[];
     modelValue: any[];
     itemTitle: SelectItemKey;
-    itemValue: SelectItemKey;
+    itemValue: NonNullable<SelectItemKey>;
     itemChildren: SelectItemKey;
     itemProps: SelectItemKey;
     returnObject: boolean;
@@ -261,139 +343,77 @@ declare const VDataTable: vue.DefineComponent<{
     showExpand: boolean;
     itemsPerPage: string | number;
 }>;
-declare type VDataTable = InstanceType<typeof VDataTable>;
-
-declare const VDataTableRows: vue.DefineComponent<{
-    loading: (StringConstructor | BooleanConstructor)[];
-    loadingText: {
-        type: StringConstructor;
-        default: string;
-    };
-    hideNoData: BooleanConstructor;
-    items: {
-        type: PropType<InternalDataTableItem[]>;
-        default: () => never[];
-    };
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    rowHeight: NumberConstructor;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'click:row': (event: Event, value: {
-        item: DataTableItem;
-    }) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    loading: (StringConstructor | BooleanConstructor)[];
-    loadingText: {
-        type: StringConstructor;
-        default: string;
-    };
-    hideNoData: BooleanConstructor;
-    items: {
-        type: PropType<InternalDataTableItem[]>;
-        default: () => never[];
-    };
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    rowHeight: NumberConstructor;
-}>> & {
-    "onClick:row"?: ((event: Event, value: {
-        item: DataTableItem;
-    }) => any) | undefined;
-}, {
-    noDataText: string;
-    loadingText: string;
-    items: InternalDataTableItem[];
-    hideNoData: boolean;
-}>;
-declare type VDataTableRows = InstanceType<typeof VDataTableRows>;
+type VDataTable = InstanceType<typeof VDataTable>;
 
 declare const VDataTableRow: vue.DefineComponent<{
     item: PropType<DataTableItem>;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     item: PropType<DataTableItem>;
 }>>, {}>;
-declare type VDataTableRow = InstanceType<typeof VDataTableRow>;
+type VDataTableRow = InstanceType<typeof VDataTableRow>;
 
 declare const VDataTableVirtual: vue.DefineComponent<{
-    customFilter: vue.PropType<FilterFunction>;
-    customKeyFilter: vue.PropType<FilterKeyFunctions>;
-    filterKeys: vue.PropType<FilterKeys>;
-    filterMode: {
-        type: vue.PropType<FilterMode>;
-        default: string;
-    };
-    noFilter: BooleanConstructor;
-    visibleItems: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    itemHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    sortBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    multiSort: BooleanConstructor;
-    mustSort: BooleanConstructor;
-    showSelect: BooleanConstructor;
-    modelValue: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    items: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    itemTitle: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemValue: Omit<{
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    }, "type" | "default"> & {
-        type: vue.PropType<SelectItemKey>;
-        default: SelectItemKey;
-    };
-    itemChildren: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemProps: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    returnObject: BooleanConstructor;
-    headers: {
-        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
-        default: () => never[];
-    };
-    expandOnClick: BooleanConstructor;
-    showExpand: BooleanConstructor;
-    expanded: {
-        type: vue.PropType<string[]>;
-        default: () => never[];
-    };
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    hideNoData: BooleanConstructor;
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
-    search: StringConstructor;
+    expanded: string[];
+    headers: DataTableHeader[] | DataTableHeader[][];
+    noDataText: string;
+    sortBy: SortItem[];
+    items: any[];
+    modelValue: any[];
+    itemTitle: SelectItemKey;
+    itemValue: NonNullable<SelectItemKey>;
+    itemChildren: SelectItemKey;
+    itemProps: SelectItemKey;
+    returnObject: boolean;
+    hideNoData: boolean;
+    filterMode: FilterMode;
+    noFilter: boolean;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    multiSort: boolean;
+    mustSort: boolean;
+    groupBy: SortItem[];
+    showSelect: boolean;
+    expandOnClick: boolean;
+    showExpand: boolean;
+    visibleItems: string | number;
+    itemHeight: string | number;
+} & {
+    search?: string | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    customFilter?: FilterFunction | undefined;
+    customKeyFilter?: FilterKeyFunctions | undefined;
+    filterKeys?: FilterKeys | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        item?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: (() => vue.VNodeChild) | undefined;
+        'group-header'?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: (() => vue.VNodeChild) | undefined;
+        top?: (() => vue.VNodeChild) | undefined;
+        headers?: (() => vue.VNodeChild) | undefined;
+        bottom?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        item?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: false | (() => vue.VNodeChild) | undefined;
+        'group-header'?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: false | (() => vue.VNodeChild) | undefined;
+        top?: false | (() => vue.VNodeChild) | undefined;
+        headers?: false | (() => vue.VNodeChild) | undefined;
+        bottom?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:item"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:group-header"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:headers"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: any[]) => true;
     'update:sortBy': (value: any) => true;
@@ -403,83 +423,69 @@ declare const VDataTableVirtual: vue.DefineComponent<{
     'click:row': (event: Event, value: {
         item: DataTableItem;
     }) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    customFilter: vue.PropType<FilterFunction>;
-    customKeyFilter: vue.PropType<FilterKeyFunctions>;
-    filterKeys: vue.PropType<FilterKeys>;
-    filterMode: {
-        type: vue.PropType<FilterMode>;
-        default: string;
-    };
-    noFilter: BooleanConstructor;
-    visibleItems: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    itemHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    sortBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    multiSort: BooleanConstructor;
-    mustSort: BooleanConstructor;
-    showSelect: BooleanConstructor;
-    modelValue: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    items: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    itemTitle: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemValue: Omit<{
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    }, "type" | "default"> & {
-        type: vue.PropType<SelectItemKey>;
-        default: SelectItemKey;
-    };
-    itemChildren: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemProps: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    returnObject: BooleanConstructor;
-    headers: {
-        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
-        default: () => never[];
-    };
-    expandOnClick: BooleanConstructor;
-    showExpand: BooleanConstructor;
-    expanded: {
-        type: vue.PropType<string[]>;
-        default: () => never[];
-    };
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    hideNoData: BooleanConstructor;
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
-    search: StringConstructor;
-}>> & {
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    expanded: string[];
+    headers: DataTableHeader[] | DataTableHeader[][];
+    noDataText: string;
+    sortBy: SortItem[];
+    items: any[];
+    modelValue: any[];
+    itemTitle: SelectItemKey;
+    itemValue: NonNullable<SelectItemKey>;
+    itemChildren: SelectItemKey;
+    itemProps: SelectItemKey;
+    returnObject: boolean;
+    hideNoData: boolean;
+    filterMode: FilterMode;
+    noFilter: boolean;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    multiSort: boolean;
+    mustSort: boolean;
+    groupBy: SortItem[];
+    showSelect: boolean;
+    expandOnClick: boolean;
+    showExpand: boolean;
+    visibleItems: string | number;
+    itemHeight: string | number;
+} & {
+    search?: string | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    customFilter?: FilterFunction | undefined;
+    customKeyFilter?: FilterKeyFunctions | undefined;
+    filterKeys?: FilterKeys | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        item?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: (() => vue.VNodeChild) | undefined;
+        'group-header'?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: (() => vue.VNodeChild) | undefined;
+        top?: (() => vue.VNodeChild) | undefined;
+        headers?: (() => vue.VNodeChild) | undefined;
+        bottom?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        item?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: false | (() => vue.VNodeChild) | undefined;
+        'group-header'?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: false | (() => vue.VNodeChild) | undefined;
+        top?: false | (() => vue.VNodeChild) | undefined;
+        headers?: false | (() => vue.VNodeChild) | undefined;
+        bottom?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:item"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:group-header"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:headers"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((value: any) => any) | undefined;
@@ -496,7 +502,7 @@ declare const VDataTableVirtual: vue.DefineComponent<{
     items: any[];
     modelValue: any[];
     itemTitle: SelectItemKey;
-    itemValue: SelectItemKey;
+    itemValue: NonNullable<SelectItemKey>;
     itemChildren: SelectItemKey;
     itemProps: SelectItemKey;
     returnObject: boolean;
@@ -514,82 +520,83 @@ declare const VDataTableVirtual: vue.DefineComponent<{
     visibleItems: string | number;
     itemHeight: string | number;
 }>;
-declare type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>;
+type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>;
 
 declare const VDataTableServer: vue.DefineComponent<{
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    page: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    itemsPerPage: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    sortBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    multiSort: BooleanConstructor;
-    mustSort: BooleanConstructor;
-    showSelect: BooleanConstructor;
-    modelValue: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    items: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    itemTitle: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemValue: Omit<{
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    }, "type" | "default"> & {
-        type: vue.PropType<SelectItemKey>;
-        default: SelectItemKey;
-    };
-    itemChildren: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemProps: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    returnObject: BooleanConstructor;
-    headers: {
-        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
-        default: () => never[];
-    };
-    expandOnClick: BooleanConstructor;
-    showExpand: BooleanConstructor;
-    expanded: {
-        type: vue.PropType<string[]>;
-        default: () => never[];
-    };
-    hideNoData: BooleanConstructor;
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
-    color: StringConstructor;
-    loading: (StringConstructor | BooleanConstructor)[];
-    loadingText: {
-        type: StringConstructor;
-        default: string;
-    };
-    itemsLength: (StringConstructor | NumberConstructor)[];
+    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;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    multiSort: boolean;
+    mustSort: boolean;
+    groupBy: SortItem[];
+    showSelect: boolean;
+    expandOnClick: boolean;
+    showExpand: boolean;
+    itemsPerPage: string | number;
+} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    color?: string | undefined;
+    loading?: string | boolean | undefined;
+    itemsLength?: string | number | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        item?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: (() => vue.VNodeChild) | undefined;
+        'group-header'?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: (() => 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;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        item?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: false | (() => vue.VNodeChild) | undefined;
+        'group-header'?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: false | (() => 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;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:item"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:group-header"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:headers"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:body"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:tbody"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:thead"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:tfoot"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: any[]) => true;
     'update:page': (page: number) => true;
@@ -601,81 +608,82 @@ declare const VDataTableServer: vue.DefineComponent<{
     'click:row': (event: Event, value: {
         item: DataTableItem;
     }) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    groupBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    page: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    itemsPerPage: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    sortBy: {
-        type: vue.PropType<SortItem[]>;
-        default: () => never[];
-    };
-    multiSort: BooleanConstructor;
-    mustSort: BooleanConstructor;
-    showSelect: BooleanConstructor;
-    modelValue: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    items: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    itemTitle: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemValue: Omit<{
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    }, "type" | "default"> & {
-        type: vue.PropType<SelectItemKey>;
-        default: SelectItemKey;
-    };
-    itemChildren: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    itemProps: {
-        type: vue.PropType<SelectItemKey>;
-        default: string;
-    };
-    returnObject: BooleanConstructor;
-    headers: {
-        type: vue.PropType<DataTableHeader[] | DataTableHeader[][]>;
-        default: () => never[];
-    };
-    expandOnClick: BooleanConstructor;
-    showExpand: BooleanConstructor;
-    expanded: {
-        type: vue.PropType<string[]>;
-        default: () => never[];
-    };
-    hideNoData: BooleanConstructor;
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    fixedHeader: BooleanConstructor;
-    fixedFooter: BooleanConstructor;
-    color: StringConstructor;
-    loading: (StringConstructor | BooleanConstructor)[];
-    loadingText: {
-        type: StringConstructor;
-        default: string;
-    };
-    itemsLength: (StringConstructor | NumberConstructor)[];
-}>> & {
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    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;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    multiSort: boolean;
+    mustSort: boolean;
+    groupBy: SortItem[];
+    showSelect: boolean;
+    expandOnClick: boolean;
+    showExpand: boolean;
+    itemsPerPage: string | number;
+} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    color?: string | undefined;
+    loading?: string | boolean | undefined;
+    itemsLength?: string | number | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        item?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: (() => vue.VNodeChild) | undefined;
+        'group-header'?: ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: (() => 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;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        item?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        loading?: false | (() => vue.VNodeChild) | undefined;
+        'group-header'?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+        'no-data'?: false | (() => 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;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:item"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:group-header"?: false | ((args_0: InternalDataTableItem) => vue.VNodeChild) | undefined;
+    "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:headers"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:body"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:tbody"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:thead"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:tfoot"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:footer.prepend"?: false | (() => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
     "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
     "onUpdate:expanded"?: ((options: any) => any) | undefined;
@@ -696,7 +704,7 @@ declare const VDataTableServer: vue.DefineComponent<{
     items: any[];
     modelValue: any[];
     itemTitle: SelectItemKey;
-    itemValue: SelectItemKey;
+    itemValue: NonNullable<SelectItemKey>;
     itemChildren: SelectItemKey;
     itemProps: SelectItemKey;
     returnObject: boolean;
@@ -711,6 +719,65 @@ declare const VDataTableServer: vue.DefineComponent<{
     showExpand: boolean;
     itemsPerPage: string | number;
 }>;
-declare type VDataTableServer = InstanceType<typeof VDataTableServer>;
+type VDataTableServer = InstanceType<typeof VDataTableServer>;
+
+declare const VDataTableFooter: vue.DefineComponent<{
+    itemsPerPageText: string;
+    pageText: string;
+    nextIcon: string;
+    prevIcon: string;
+    firstIcon: string;
+    lastIcon: string;
+    showCurrentPage: boolean;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
+    itemsPerPageOptions: InternalItem<any>[];
+} & {} & {
+    $children?: {} | vue.VNodeChild | {
+        prepend?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    itemsPerPageText: string;
+    pageText: string;
+    nextIcon: string;
+    prevIcon: string;
+    firstIcon: string;
+    lastIcon: string;
+    showCurrentPage: boolean;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
+    itemsPerPageOptions: InternalItem<any>[];
+} & {} & {
+    $children?: {} | vue.VNodeChild | {
+        prepend?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+}, {
+    itemsPerPageText: string;
+    pageText: string;
+    nextIcon: string;
+    prevIcon: string;
+    firstIcon: string;
+    lastIcon: string;
+    showCurrentPage: boolean;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
+    itemsPerPageOptions: InternalItem<any>[];
+}>;
 
-export { VDataTable, VDataTableRow, VDataTableRows, VDataTableServer, VDataTableVirtual };
+export { VDataTable, VDataTableFooter, VDataTableRow, VDataTableRows, VDataTableServer, VDataTableVirtual };