@nuxt/ui 2.15.2 → 2.16.0

package/dist/runtime/components/forms/InputMenu.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { InputSize, InputVariant, PopperOptions } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     query: {
@@ -111,6 +111,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: null;
     };
+    searchLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounce: {
         type: NumberConstructor;
         default: number;
@@ -160,9 +164,9 @@ declare const _default: import("vue").DefineComponent<{
     query: import("vue").WritableComputedRef<string>;
     onUpdate: (value: any) => void;
     onQueryChange: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "update:query")[], "change" | "update:modelValue" | "open" | "close" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     query: {
@@ -271,6 +275,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: null;
     };
+    searchLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounce: {
         type: NumberConstructor;
         default: number;
@@ -296,45 +304,46 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
 }, {
+    search: (query: string) => Promise<any[]> | any[];
     size: InputSize;
-    ui: any;
-    id: string;
-    icon: string;
-    color: any;
-    class: any;
-    options: string[] | {
-        [key: string]: any;
-        disabled?: boolean | undefined;
-    }[];
-    popper: PopperOptions;
     name: string;
-    modelValue: string | number | unknown[] | Record<string, any>;
+    required: boolean;
+    class: any;
     leading: boolean;
-    search: (query: string) => Promise<any[]> | any[];
+    popper: PopperOptions;
+    color: any;
     variant: InputVariant;
-    by: string;
-    loading: boolean;
     disabled: boolean;
-    placeholder: string;
+    ui: any;
+    loading: boolean;
     padded: boolean;
+    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    required: boolean;
+    id: string;
+    modelValue: string | number | Record<string, any> | unknown[];
     inputClass: string;
+    by: string;
+    placeholder: string;
+    options: string[] | {
+        [key: string]: any;
+        disabled?: boolean | undefined;
+    }[];
     nullable: boolean;
     query: string;
     selectedIcon: string;
     optionAttribute: string;
     valueAttribute: string;
     searchAttributes: unknown[];
+    searchLazy: boolean;
     debounce: number;
     uiMenu: any;
 }, {}>;

package/dist/runtime/components/forms/Radio.vue.d.ts

@@ -5,11 +5,11 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     value: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: null;
     };
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
         default: null;
     };
     name: {
@@ -65,11 +65,11 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     value: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: null;
     };
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
         default: null;
     };
     name: {
@@ -110,19 +110,19 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    ui: any;
     value: string | number | boolean;
-    id: string;
-    color: any;
-    class: any;
     name: string;
-    modelValue: string | number | boolean | Record<string, any>;
+    required: boolean;
     label: string;
+    class: any;
+    color: any;
     disabled: boolean;
-    required: boolean;
+    ui: any;
+    id: string;
+    modelValue: string | number | boolean | Record<string, any>;
     help: string;
     inputClass: string;
 }, {}>;

package/dist/runtime/components/forms/RadioGroup.vue.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: string;
     };
     name: {
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdate: (value: any) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: string;
     };
     name: {
@@ -100,17 +100,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    ui: any;
-    color: any;
-    class: any;
-    options: unknown[];
     name: string;
-    modelValue: string | number | Record<string, any>;
     legend: string;
+    class: any;
+    color: any;
     disabled: boolean;
+    ui: any;
+    modelValue: string | number | Record<string, any>;
+    options: unknown[];
     optionAttribute: string;
     valueAttribute: string;
     uiRadio: any;

package/dist/runtime/components/forms/Range.vue.d.ts

@@ -120,20 +120,20 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: RangeSize;
-    ui: any;
-    id: string;
-    color: any;
-    class: any;
     name: string;
-    modelValue: number;
+    class: any;
+    color: any;
     disabled: boolean;
+    ui: any;
     max: number;
-    min: number;
-    inputClass: string;
     step: number;
+    id: string;
+    modelValue: number;
+    inputClass: string;
+    min: number;
 }, {}>;
 export default _default;

package/dist/runtime/components/forms/Select.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType, ComputedRef } from 'vue';
 import type { SelectSize, SelectVariant } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: string;
     };
     id: {
@@ -123,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange: (event: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: string;
     };
     id: {
@@ -218,29 +218,29 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: SelectSize;
-    ui: any;
-    id: string;
-    icon: string;
-    color: any;
-    class: any;
-    options: unknown[];
     name: string;
-    modelValue: string | number | Record<string, any>;
+    required: boolean;
+    class: any;
     leading: boolean;
+    color: any;
     variant: SelectVariant;
-    loading: boolean;
     disabled: boolean;
-    placeholder: string;
+    ui: any;
+    loading: boolean;
     padded: boolean;
+    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    required: boolean;
+    id: string;
+    modelValue: string | number | Record<string, any>;
+    placeholder: string;
+    options: unknown[];
     optionAttribute: string;
     valueAttribute: string;
     selectClass: string;

package/dist/runtime/components/forms/SelectMenu.vue

@@ -243,6 +243,10 @@ export default defineComponent({
       type: String,
       default: "Search..."
     },
+    searchableLazy: {
+      type: Boolean,
+      default: false
+    },
     clearSearchOnClose: {
       type: Boolean,
       default: () => configMenu.default.clearSearchOnClose
@@ -439,6 +443,8 @@ export default defineComponent({
           return child !== null && child !== void 0 && String(child).search(new RegExp(query.value, "i")) !== -1;
         });
       });
+    }, [], {
+      lazy: props.searchableLazy
     });
     const createOption = computed(() => {
       if (query.value === "") {

package/dist/runtime/components/forms/SelectMenu.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { SelectSize, SelectVariant, PopperOptions } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     query: {
@@ -80,6 +80,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    searchableLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     clearSearchOnClose: {
         type: BooleanConstructor;
         default: () => any;
@@ -179,9 +183,9 @@ declare const _default: import("vue").DefineComponent<{
     query: import("vue").WritableComputedRef<string>;
     onUpdate: (value: any) => void;
     onQueryChange: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "update:query")[], "change" | "update:modelValue" | "open" | "close" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     query: {
@@ -259,6 +263,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    searchableLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     clearSearchOnClose: {
         type: BooleanConstructor;
         default: () => any;
@@ -331,38 +339,38 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
 }, {
     size: SelectSize;
-    ui: any;
-    id: string;
-    icon: string;
-    color: any;
-    class: any;
-    options: string[] | {
-        [key: string]: any;
-        disabled?: boolean | undefined;
-    }[];
-    popper: PopperOptions;
     name: string;
-    modelValue: string | number | boolean | unknown[] | Record<string, any>;
+    required: boolean;
+    class: any;
     leading: boolean;
+    popper: PopperOptions;
+    color: any;
     variant: SelectVariant;
-    by: string;
-    loading: boolean;
     disabled: boolean;
-    multiple: boolean;
-    placeholder: string;
+    ui: any;
+    loading: boolean;
     padded: boolean;
+    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    required: boolean;
+    id: string;
+    modelValue: string | number | boolean | Record<string, any> | unknown[];
+    by: string;
+    multiple: boolean;
+    placeholder: string;
+    options: string[] | {
+        [key: string]: any;
+        disabled?: boolean | undefined;
+    }[];
     query: string;
     selectedIcon: string;
     optionAttribute: string;
@@ -373,6 +381,7 @@ declare const _default: import("vue").DefineComponent<{
     selectClass: string;
     searchable: boolean | ((query: string) => Promise<any[]> | any[]);
     searchablePlaceholder: string;
+    searchableLazy: boolean;
     clearSearchOnClose: boolean;
     creatable: boolean;
     showCreateOptionWhen: "empty" | "always";

package/dist/runtime/components/forms/Textarea.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { TextareaSize, TextareaVariant } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     id: {
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     onBlur: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     id: {
@@ -189,24 +189,24 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    resize: boolean;
     size: TextareaSize;
+    name: string;
+    required: boolean;
+    class: any;
+    resize: boolean;
+    color: any;
+    variant: TextareaVariant;
+    disabled: boolean;
     ui: any;
+    padded: boolean;
     id: string;
-    color: any;
-    class: any;
-    name: string;
     modelValue: string | number;
-    variant: TextareaVariant;
     rows: number;
-    disabled: boolean;
     placeholder: string;
-    padded: boolean;
-    required: boolean;
     autofocus: boolean;
     autofocusDelay: number;
     modelModifiers: {

package/dist/runtime/components/forms/Toggle.vue.d.ts

@@ -116,19 +116,19 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: ToggleSize;
-    ui: any;
-    id: string;
-    color: any;
-    class: any;
     name: string;
-    modelValue: boolean;
-    loading: boolean;
+    class: any;
+    color: any;
     disabled: boolean;
+    ui: any;
+    loading: boolean;
     loadingIcon: string;
+    id: string;
+    modelValue: boolean;
     onIcon: string;
     offIcon: string;
 }, {}>;

package/dist/runtime/components/layout/Card.vue.d.ts

@@ -32,8 +32,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: any;
     class: any;
     as: string;
+    ui: any;
 }, {}>;
 export default _default;

package/dist/runtime/components/layout/Container.vue.d.ts

@@ -32,8 +32,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: any;
     class: any;
     as: string;
+    ui: any;
 }, {}>;
 export default _default;

package/dist/runtime/components/layout/Divider.vue.d.ts

@@ -81,13 +81,13 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    orientation: "horizontal" | "vertical";
     size: DividerSize;
-    ui: any;
-    icon: string;
-    avatar: Avatar;
     type: "solid" | "dotted" | "dashed";
-    class: any;
     label: string;
+    class: any;
+    avatar: Avatar;
+    orientation: "horizontal" | "vertical";
+    ui: any;
+    icon: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/layout/Skeleton.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: any;
     class: any;
+    ui: any;
 }, {}>;
 export default _default;

package/dist/runtime/components/navigation/Breadcrumb.vue

@@ -7,6 +7,7 @@
           :class="[ui.base, index === links.length - 1 ? ui.active : !!link.to ? ui.inactive : '']"
           v-bind="getULinkProps(link)"
           :aria-current="index === links.length - 1 ? 'page' : undefined"
+          @click="link.click"
         >
           <slot name="icon" :link="link" :index="index" :is-active="index === links.length - 1">
             <UIcon

package/dist/runtime/components/navigation/Breadcrumb.vue.d.ts

@@ -44,8 +44,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: any;
     class: any;
+    ui: any;
     divider: string;
     links: BreadcrumbLink[];
 }, {}>;

package/dist/runtime/components/navigation/CommandPalette.vue.d.ts

@@ -3,7 +3,7 @@ import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import type { Group, Command, Button } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: null;
     };
     by: {
@@ -110,9 +110,9 @@ declare const _default: import("vue").DefineComponent<{
     emptyState: ComputedRef<any>;
     onSelect: (option: Command | Command[]) => void;
     onClear: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close")[], "update:modelValue" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: null;
     };
     by: {
@@ -200,16 +200,16 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
+    class: any;
     ui: any;
+    loading: boolean;
     icon: string;
-    closeButton: Button;
-    class: any;
-    modelValue: string | number | unknown[] | Record<string, any>;
+    loadingIcon: string;
+    modelValue: string | number | Record<string, any> | unknown[];
     by: string;
-    loading: boolean;
     emptyState: {
         icon: string;
         label: string;
@@ -217,14 +217,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     multiple: boolean;
     placeholder: string;
-    loadingIcon: string;
+    closeButton: Button;
     nullable: boolean;
     selectedIcon: string;
     debounce: number;
     searchable: boolean;
-    groups: Group[];
     groupAttribute: string;
     commandAttribute: string;
+    groups: Group[];
     autoselect: boolean;
     autoclear: boolean;
     fuse: UseFuseOptions<Command>;

package/dist/runtime/components/navigation/HorizontalNavigation.vue.d.ts

@@ -37,8 +37,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: any;
     class: any;
+    ui: any;
     links: HorizontalNavigationLink[] | HorizontalNavigationLink[][];
 }, {}>;
 export default _default;

package/dist/runtime/components/navigation/Pagination.vue

@@ -29,6 +29,7 @@
     <UButton
       v-for="(page, index) of displayedPages"
       :key="`${page}-${index}`"
+      :to="typeof page === 'number' ? to?.(page) : null"
       :size="size"
       :disabled="disabled"
       :label="`${page}`"
@@ -111,6 +112,10 @@ export default defineComponent({
         return Object.keys(buttonConfig.size).includes(value);
       }
     },
+    to: {
+      type: Function,
+      default: null
+    },
     activeButton: {
       type: Object,
       default: () => config.default.activeButton