@nuxt/ui 2.13.0 → 2.14.0

package/dist/runtime/components/data/Table.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Button } from '../../types';
+import type { Button, ProgressAnimation } from '../../types';
 declare function defaultComparator<T>(a: T, z: T): boolean;
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
@@ -72,6 +72,13 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => any;
     };
+    progress: {
+        type: PropType<{
+            color: any;
+            animation: ProgressAnimation;
+        }>;
+        default: () => any;
+    };
     class: {
         type: PropType<any>;
         default: () => string;
@@ -112,7 +119,7 @@ declare const _default: import("vue").DefineComponent<{
     onSelect: (row: any) => void;
     onChange: (event: any) => void;
     getRowData: (row: Object, rowKey: string | string[], defaultValue?: any) => any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:sort")[], "update:modelValue" | "update:sort", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:sort")[], "update:modelValue" | "update:sort", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ArrayConstructor;
         default: null;
@@ -183,6 +190,13 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => any;
     };
+    progress: {
+        type: PropType<{
+            color: any;
+            animation: ProgressAnimation;
+        }>;
+        default: () => any;
+    };
     class: {
         type: PropType<any>;
         default: () => string;
@@ -199,7 +213,12 @@ declare const _default: import("vue").DefineComponent<{
         column: string;
         direction: 'asc' | 'desc';
     };
+    progress: {
+        color: any;
+        animation: ProgressAnimation;
+    };
     ui: any;
+    class: any;
     columns: {
         [key: string]: any;
         key: string;
@@ -208,7 +227,6 @@ declare const _default: import("vue").DefineComponent<{
         direction?: "asc" | "desc" | undefined;
         class?: string | undefined;
     }[];
-    class: any;
     modelValue: unknown[];
     by: string | Function;
     rows: {

package/dist/runtime/components/elements/Accordion.vue

@@ -1,6 +1,13 @@
 <template>
   <div :class="ui.wrapper">
-    <HDisclosure v-for="(item, index) in items" v-slot="{ open, close }" :key="index" :default-open="defaultOpen || item.defaultOpen">
+    <HDisclosure
+      v-for="(item, index) in items"
+      v-slot="{ open, close }"
+      :key="index"
+      as="div"
+      :class="ui.container"
+      :default-open="defaultOpen || item.defaultOpen"
+    >
       <HDisclosureButton
         :ref="() => buttonRefs[index] = { open, close }"
         as="template"
@@ -46,13 +53,14 @@
 
 <script>
 import { ref, computed, toRef, defineComponent } from "vue";
-import { Disclosure as HDisclosure, DisclosureButton as HDisclosureButton, DisclosurePanel as HDisclosurePanel } from "@headlessui/vue";
+import { Disclosure as HDisclosure, DisclosureButton as HDisclosureButton, DisclosurePanel as HDisclosurePanel, provideUseId } from "@headlessui/vue";
 import UIcon from "../elements/Icon.vue";
 import UButton from "../elements/Button.vue";
 import { useUI } from "../../composables/useUI";
 import { mergeConfig, omit } from "../../utils";
 import appConfig from "#build/app.config";
 import { accordion, button } from "#ui/ui.config";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.accordion, accordion);
 const configButton = mergeConfig(appConfig.ui.strategy, appConfig.ui.button, button);
 export default defineComponent({
@@ -129,6 +137,7 @@ export default defineComponent({
       el.style.height = "0";
       el.addEventListener("transitionend", done, { once: true });
     }
+    provideUseId(() => useId());
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,

package/dist/runtime/components/elements/Accordion.vue.d.ts

@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
     onBeforeLeave: (_el: Element) => void;
     onAfterEnter: (_el: Element) => void;
     onLeave: (_el: Element, done: () => void) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<AccordionItem[]>;
         default: () => never[];

package/dist/runtime/components/elements/Alert.vue

@@ -5,7 +5,7 @@
       <UAvatar v-if="avatar" v-bind="{ size: ui.avatar.size, ...avatar }" :class="ui.avatar.base" />
 
       <div :class="ui.inner">
-        <p :class="ui.title">
+        <p v-if="(title || $slots.title)" :class="ui.title">
           <slot name="title" :title="title">
             {{ title }}
           </slot>
@@ -52,7 +52,7 @@ export default defineComponent({
   props: {
     title: {
       type: String,
-      required: true
+      default: null
     },
     description: {
       type: String,

package/dist/runtime/components/elements/Alert.vue.d.ts

@@ -3,7 +3,7 @@ import type { Avatar, Button, AlertVariant, AlertAction } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     title: {
         type: StringConstructor;
-        required: true;
+        default: null;
     };
     description: {
         type: StringConstructor;
@@ -51,10 +51,10 @@ declare const _default: import("vue").DefineComponent<{
     alertClass: import("vue").ComputedRef<string>;
     onAction: (action: AlertAction) => void;
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
-        required: true;
+        default: null;
     };
     description: {
         type: StringConstructor;
@@ -98,6 +98,7 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     ui: any;
+    title: string;
     description: string;
     icon: string;
     avatar: Avatar;

package/dist/runtime/components/elements/Avatar.vue.d.ts

@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: import("vue").ComputedRef<string>;
     error: import("vue").Ref<boolean>;
     onError: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     src: {
         type: (BooleanConstructor | StringConstructor)[];
         default: null;

package/dist/runtime/components/elements/AvatarGroup.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<AvatarSize>;
         default: null;

package/dist/runtime/components/elements/Badge.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     badgeClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<BadgeSize>;
         default: () => any;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     ui: any;
     color: any;
     class: any;
-    label: string | number;
     variant: BadgeVariant;
+    label: string | number;
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/Button.vue.d.ts

@@ -83,54 +83,67 @@ declare const _default: import("vue").DefineComponent<{
     to: {
         readonly type: PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     href: {
         readonly type: PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     target: {
-        readonly type: PropType<(string & {}) | "_blank" | "_parent" | "_self" | "_top" | null>;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     rel: {
-        readonly type: PropType<string | null>;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noRel: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noPrefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     activeClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     exactActiveClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetchedClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     replace: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     external: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
 }, {
     ui: import("vue").ComputedRef<any>;
@@ -146,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
     leadingIconClass: import("vue").ComputedRef<string>;
     trailingIconClass: import("vue").ComputedRef<string>;
     linkProps: import("vue").ComputedRef<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
@@ -229,54 +242,67 @@ declare const _default: import("vue").DefineComponent<{
     to: {
         readonly type: PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     href: {
         readonly type: PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     target: {
-        readonly type: PropType<(string & {}) | "_blank" | "_parent" | "_self" | "_top" | null>;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     rel: {
-        readonly type: PropType<string | null>;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noRel: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noPrefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     activeClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     exactActiveClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetchedClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     replace: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     external: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
 }>>, {
     size: ButtonSize;
@@ -285,13 +311,23 @@ declare const _default: import("vue").DefineComponent<{
     icon: string;
     color: any;
     type: string;
-    leading: boolean;
-    replace: boolean;
     class: any;
+    target: NuxtLinkProps;
+    rel: NuxtLinkProps;
+    noRel: NuxtLinkProps;
+    prefetch: NuxtLinkProps;
+    noPrefetch: NuxtLinkProps;
+    activeClass: NuxtLinkProps;
+    exactActiveClass: NuxtLinkProps;
+    prefetchedClass: NuxtLinkProps;
+    replace: NuxtLinkProps;
+    ariaCurrentValue: NuxtLinkProps;
+    external: NuxtLinkProps;
+    leading: boolean;
+    variant: ButtonVariant;
     label: string;
-    loading: boolean;
     disabled: boolean;
-    variant: ButtonVariant;
+    loading: boolean;
     block: boolean;
     padded: boolean;
     loadingIcon: string;
@@ -301,15 +337,5 @@ declare const _default: import("vue").DefineComponent<{
     square: boolean;
     to: RouteLocationRaw;
     href: RouteLocationRaw;
-    target: (string & {}) | "_blank" | "_parent" | "_self" | "_top" | null;
-    rel: string | null;
-    noRel: boolean;
-    prefetch: boolean;
-    noPrefetch: boolean;
-    activeClass: string;
-    exactActiveClass: string;
-    prefetchedClass: string;
-    ariaCurrentValue: string;
-    external: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/ButtonGroup.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<ButtonSize>;
         default: null;

package/dist/runtime/components/elements/Carousel.vue

@@ -35,16 +35,16 @@
     </div>
 
     <div v-if="indicators" :class="ui.indicators.wrapper">
-      <template v-for="index in indicatorsCount" :key="index">
-        <slot name="indicator" :on-click="onClick" :active="index === currentIndex" :index="index">
+      <template v-for="page in pages" :key="page">
+        <slot name="indicator" :on-click="onClick" :active="page === currentPage" :page="page">
           <button
             type="button"
             :class="[
               ui.indicators.base,
-              index === currentIndex ? ui.indicators.active : ui.indicators.inactive
+              page === currentPage ? ui.indicators.active : ui.indicators.inactive
             ]"
-            :aria-label="`set slide ${index}`"
-            @click="onClick(index)"
+            :aria-label="`set slide ${page}`"
+            @click="onClick(page)"
           />
         </slot>
       </template>
@@ -98,7 +98,7 @@ export default defineComponent({
       default: void 0
     }
   },
-  setup(props) {
+  setup(props, { expose }) {
     const { ui, attrs } = useUI("carousel", toRef(props, "ui"), config, toRef(props, "class"));
     const carouselRef = ref();
     const itemWidth = ref(0);
@@ -110,8 +110,8 @@ export default defineComponent({
       const [entry] = entries;
       itemWidth.value = entry?.target?.firstElementChild?.clientWidth || 0;
     });
-    const currentIndex = computed(() => Math.round(x.value / itemWidth.value) + 1);
-    const indicatorsCount = computed(() => {
+    const currentPage = computed(() => Math.round(x.value / itemWidth.value) + 1);
+    const pages = computed(() => {
       if (!itemWidth.value) {
         return 0;
       }
@@ -123,9 +123,16 @@ export default defineComponent({
     function onClickPrev() {
       x.value -= itemWidth.value;
     }
-    function onClick(index) {
-      x.value = (index - 1) * itemWidth.value;
+    function onClick(page) {
+      x.value = (page - 1) * itemWidth.value;
     }
+    expose({
+      pages,
+      page: currentPage,
+      prev: onClickPrev,
+      next: onClickNext,
+      select: onClick
+    });
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
@@ -133,8 +140,8 @@ export default defineComponent({
       isFirst,
       isLast,
       carouselRef,
-      indicatorsCount,
-      currentIndex,
+      pages,
+      currentPage,
       onClickNext,
       onClickPrev,
       onClick,

package/dist/runtime/components/elements/Carousel.vue.d.ts

@@ -45,13 +45,13 @@ declare const _default: import("vue").DefineComponent<{
     isFirst: import("vue").Ref<boolean>;
     isLast: import("vue").Ref<boolean>;
     carouselRef: import("vue").Ref<HTMLElement | undefined>;
-    indicatorsCount: import("vue").ComputedRef<number>;
-    currentIndex: import("vue").ComputedRef<number>;
+    pages: import("vue").ComputedRef<number>;
+    currentPage: import("vue").ComputedRef<number>;
     onClickNext: () => void;
     onClickPrev: () => void;
-    onClick: (index: number) => void;
+    onClick: (page: number) => void;
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<any[]>;
         default: () => never[];

package/dist/runtime/components/elements/Chip.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     chipClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"sm" | "2xs" | "md" | "xs" | "3xs" | "lg" | "xl" | "2xl" | "3xl">;
         default: () => any;
@@ -81,9 +81,9 @@ declare const _default: import("vue").DefineComponent<{
     size: "sm" | "2xs" | "md" | "xs" | "3xs" | "lg" | "xl" | "2xl" | "3xl";
     ui: any;
     color: any;
+    class: any;
     inset: boolean;
     position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
-    class: any;
     text: string | number;
     show: boolean;
 }, {}>;

package/dist/runtime/components/elements/Dropdown.vue

@@ -56,7 +56,7 @@
 
 <script>
 import { defineComponent, ref, computed, watch, toRef, onMounted, resolveComponent } from "vue";
-import { Menu as HMenu, MenuButton as HMenuButton, MenuItems as HMenuItems, MenuItem as HMenuItem } from "@headlessui/vue";
+import { Menu as HMenu, MenuButton as HMenuButton, MenuItems as HMenuItems, MenuItem as HMenuItem, provideUseId } from "@headlessui/vue";
 import { defu } from "defu";
 import { twMerge, twJoin } from "tailwind-merge";
 import UIcon from "../elements/Icon.vue";
@@ -67,6 +67,7 @@ import { usePopper } from "../../composables/usePopper";
 import { mergeConfig, getNuxtLinkProps } from "../../utils";
 import appConfig from "#build/app.config";
 import { dropdown } from "#ui/ui.config";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.dropdown, dropdown);
 export default defineComponent({
   components: {
@@ -221,6 +222,7 @@ export default defineComponent({
       emit("update:open", newValue === 0);
     });
     const NuxtLink = resolveComponent("NuxtLink");
+    provideUseId(() => useId());
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,

package/dist/runtime/components/elements/Dropdown.vue.d.ts

@@ -79,8 +79,8 @@ declare const _default: import("vue").DefineComponent<{
     getNuxtLinkProps: (props: any) => {};
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
     twJoin: typeof twJoin;
-    NuxtLink: string | import("vue").ConcreteComponent<{}, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    NuxtLink: string | import("vue").ConcreteComponent<{}, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<DropdownItem[][]>;
         default: () => never[];
@@ -122,8 +122,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }, {
     ui: any;
-    popper: PopperOptions;
     class: any;
+    popper: PopperOptions;
     disabled: boolean;
     items: DropdownItem[][];
     open: boolean;

package/dist/runtime/components/elements/Icon.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dynamic: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         required: true;

package/dist/runtime/components/elements/Kbd.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     kbdClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
         default: null;

package/dist/runtime/components/elements/Link.vue

@@ -23,7 +23,7 @@
       :rel="rel"
       :target="target"
       :class="active !== undefined ? (active ? activeClass : inactiveClass) : resolveLinkClass(route, $route, { isActive, isExactActive })"
-      @click="(e) => !isExternal && navigate(e)"
+      @click="(e) => (!isExternal && !disabled) && navigate(e)"
     >
       <slot v-bind="{ isActive: active !== undefined ? active : (exact ? isExactActive : isActive) }" />
     </a>