@nuxt/ui 2.11.1 → 2.12.1

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import { omit } from '../../utils';
+import { twJoin } from 'tailwind-merge';
 import type { DropdownItem, PopperOptions } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     items: {
@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -44,11 +48,25 @@ declare const _default: import("vue").DefineComponent<{
     trigger: import("vue").Ref<import("@vueuse/core").MaybeElement>;
     container: import("vue").Ref<import("@vueuse/core").MaybeElement>;
     containerStyle: import("vue").ComputedRef<{
+        paddingTop?: undefined;
+        paddingBottom?: undefined;
+        paddingLeft?: undefined;
+        paddingRight?: undefined;
+    } | {
         paddingTop: string;
         paddingBottom: string;
+        paddingLeft?: undefined;
+        paddingRight?: undefined;
     } | {
+        paddingLeft: string;
+        paddingRight: string;
         paddingTop?: undefined;
         paddingBottom?: undefined;
+    } | {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingLeft: string;
+        paddingRight: string;
     }>;
     onMouseOver: () => void;
     onMouseLeave: () => void;
@@ -58,9 +76,11 @@ declare const _default: import("vue").DefineComponent<{
         close: any;
         isExternal: any;
     }) => void;
-    omit: typeof omit;
+    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, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<DropdownItem[][]>;
         default: () => never[];
@@ -70,6 +90,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -94,12 +118,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any>;
         default: () => {};
     };
-}>>, {
+}>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {
     ui: any;
     popper: PopperOptions;
     class: any;
     disabled: boolean;
     items: DropdownItem[][];
+    open: boolean;
     mode: "click" | "hover";
     openDelay: number;
     closeDelay: number;

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

@@ -2,6 +2,7 @@
   <component
     :is="as"
     v-if="!to"
+    :type="type"
     :disabled="disabled"
     v-bind="$attrs"
     :class="active ? activeClass : inactiveClass"
@@ -21,7 +22,7 @@
       :role="disabled ? 'link' : undefined"
       :rel="rel"
       :target="target"
-      :class="active ? activeClass : resolveLinkClass(route, $route, { isActive, isExactActive })"
+      :class="active !== undefined ? (active ? activeClass : inactiveClass) : resolveLinkClass(route, $route, { isActive, isExactActive })"
       @click="(e) => !isExternal && navigate(e)"
     >
       <slot v-bind="{ isActive: exact ? isExactActive : isActive }" />
@@ -32,22 +33,26 @@
 <script>
 import { isEqual } from "ohash";
 import { defineComponent } from "vue";
-import { NuxtLink } from "#components";
+import { nuxtLinkProps } from "../../utils";
 export default defineComponent({
   inheritAttrs: false,
   props: {
-    ...NuxtLink.props,
+    ...nuxtLinkProps,
     as: {
       type: String,
       default: "button"
     },
+    type: {
+      type: String,
+      default: "button"
+    },
     disabled: {
       type: Boolean,
       default: null
     },
     active: {
       type: Boolean,
-      default: false
+      default: void 0
     },
     exact: {
       type: Boolean,

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

@@ -1,9 +1,199 @@
-declare const _default: import("vue").DefineComponent<any, {
+declare const _default: import("vue").DefineComponent<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    exact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exactQuery: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exactHash: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inactiveClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    to: {
+        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: undefined;
+    };
+    href: {
+        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: undefined;
+    };
+    target: {
+        readonly type: import("vue").PropType<(string & {}) | "_blank" | "_parent" | "_self" | "_top" | null>;
+        readonly default: undefined;
+    };
+    rel: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    noRel: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    prefetch: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    noPrefetch: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    activeClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    exactActiveClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    prefetchedClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    replace: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    ariaCurrentValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    external: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+}, {
     resolveLinkClass: (route: any, $route: any, { isActive, isExactActive }: {
         isActive: boolean;
         isExactActive: boolean;
-    }) => any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
-    [x: string]: any;
+    }) => string | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    exact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exactQuery: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    exactHash: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inactiveClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    to: {
+        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: undefined;
+    };
+    href: {
+        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: undefined;
+    };
+    target: {
+        readonly type: import("vue").PropType<(string & {}) | "_blank" | "_parent" | "_self" | "_top" | null>;
+        readonly default: undefined;
+    };
+    rel: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    noRel: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    prefetch: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    noPrefetch: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    activeClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    exactActiveClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    prefetchedClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    replace: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    ariaCurrentValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    external: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+}>>, {
+    type: string;
+    replace: boolean;
+    as: string;
+    disabled: boolean;
+    to: import("vue-router").RouteLocationRaw;
+    href: import("vue-router").RouteLocationRaw;
+    target: (string & {}) | "_blank" | "_parent" | "_self" | "_top" | null;
+    rel: string;
+    noRel: boolean;
+    prefetch: boolean;
+    noPrefetch: boolean;
+    activeClass: string;
+    exactActiveClass: string;
+    prefetchedClass: string;
+    ariaCurrentValue: string;
+    external: boolean;
+    active: boolean;
+    exact: boolean;
+    exactQuery: boolean;
+    exactHash: boolean;
+    inactiveClass: string;
 }, {}>;
 export default _default;

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

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { provide, ref, defineComponent } from "vue";
+import { provide, ref, defineComponent, onUnmounted, onMounted } from "vue";
 import { useEventBus } from "@vueuse/core";
 import { uid } from "../../utils/uid";
 class FormException extends Error {
@@ -37,10 +37,15 @@ export default defineComponent({
   emits: ["submit", "error"],
   setup(props, { expose, emit }) {
     const bus = useEventBus(`form-${uid()}`);
-    bus.on(async (event) => {
-      if (event.type !== "submit" && props.validateOn?.includes(event.type)) {
-        await validate(event.path, { silent: true });
-      }
+    onMounted(() => {
+      bus.on(async (event) => {
+        if (event.type !== "submit" && props.validateOn?.includes(event.type)) {
+          await validate(event.path, { silent: true });
+        }
+      });
+    });
+    onUnmounted(() => {
+      bus.reset();
     });
     const errors = ref([]);
     provide("form-errors", errors);
@@ -83,7 +88,8 @@ export default defineComponent({
       }
       return props.state;
     }
-    async function onSubmit(event) {
+    async function onSubmit(payload) {
+      const event = payload;
       try {
         if (props.validateOn?.includes("submit")) {
           await validate();
@@ -120,6 +126,9 @@ export default defineComponent({
           errors.value = errs;
         }
       },
+      async submit() {
+        await onSubmit(new Event("submit"));
+      },
       getErrors(path) {
         if (path) {
           return errors.value.filter((err) => err.path === path);
@@ -128,7 +137,7 @@ export default defineComponent({
       },
       clear(path) {
         if (path) {
-          errors.value = errors.value.filter((err) => err.path === path);
+          errors.value = errors.value.filter((err) => err.path !== path);
         } else {
           errors.value = [];
         }

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string[];
     };
 }, {
-    onSubmit: (event: SubmitEvent) => Promise<void>;
+    onSubmit: (payload: Event) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "submit")[], "error" | "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     schema: {
         type: PropType<ZodSchema<any, import("zod").ZodTypeDef, any>> | PropType<YupObjectSchema<any, import("yup").AnyObject, any, "">> | PropType<JoiSchema> | PropType<ValibotObjectSchema<any>>;

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

@@ -8,7 +8,7 @@
       :type="type"
       :required="required"
       :placeholder="placeholder"
-      :disabled="disabled || loading"
+      :disabled="disabled"
       :class="inputClass"
       v-bind="attrs"
       @input="onInput"

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

@@ -239,6 +239,7 @@ declare const _default: import("vue").DefineComponent<{
     color: any;
     type: string;
     name: string;
+    leading: boolean;
     class: any;
     modelValue: string | number;
     loading: boolean;
@@ -251,7 +252,6 @@ declare const _default: import("vue").DefineComponent<{
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    leading: boolean;
     autofocus: boolean;
     inputClass: string;
     autofocusDelay: number;