@nuxt/ui 4.3.0 → 4.4.0

package/dist/runtime/types/editor.d.ts

@@ -27,6 +27,7 @@ export type EditorHandlers<H extends EditorCustomHandlers = EditorCustomHandlers
     blockquote: EditorHandler;
     bulletList: EditorHandler;
     orderedList: EditorHandler;
+    taskList: EditorHandler;
     codeBlock: EditorHandler;
     horizontalRule: EditorHandler;
     paragraph: EditorHandler;
@@ -63,7 +64,7 @@ export type EditorItem<H extends EditorCustomHandlers = EditorCustomHandlers> =
     kind: 'clearFormatting' | 'suggestion';
     pos?: number;
 } | {
-    kind: 'blockquote' | 'bulletList' | 'orderedList' | 'codeBlock' | 'horizontalRule' | 'paragraph' | 'undo' | 'redo' | 'mention' | 'emoji';
+    kind: 'blockquote' | 'bulletList' | 'orderedList' | 'taskList' | 'codeBlock' | 'horizontalRule' | 'paragraph' | 'undo' | 'redo' | 'mention' | 'emoji';
 } | {
     kind: keyof H;
 };

package/dist/runtime/utils/ai.d.ts

@@ -1,2 +1,9 @@
 import type { UIMessage } from 'ai';
+/**
+ * Extracts and concatenates all text parts from a UIMessage.
+ *
+ * @warning Do not use the output directly with MDC or v-html for user messages,
+ * as this can lead to XSS vulnerabilities. For rendering, iterate over message.parts
+ * and only render assistant messages with MDC.
+ */
 export declare function getTextFromMessage(message: UIMessage): string;

package/dist/runtime/utils/editor.d.ts

@@ -52,7 +52,7 @@ export declare function createImageHandler(): {
     isActive: (editor: Editor) => boolean;
     isDisabled: (editor: Editor) => boolean;
 };
-export declare function createListHandler(listType: 'bulletList' | 'orderedList'): {
+export declare function createListHandler(listType: 'bulletList' | 'orderedList' | 'taskList'): {
     canExecute: (editor: Editor) => any;
     execute: (editor: Editor) => any;
     isActive: (editor: Editor) => boolean;

package/dist/runtime/utils/editor.js

@@ -83,17 +83,18 @@ export function createLinkHandler() {
     execute: (editor, cmd) => {
       const chain = editor.chain();
       const previousUrl = editor.getAttributes("link").href;
+      const hasCode = editor.isActive("code");
       if (previousUrl) {
         return chain.focus().unsetLink();
       }
-      if (cmd?.href) {
-        return chain.focus().setLink({ href: cmd.href });
+      const href = cmd?.href || prompt("Enter the URL:");
+      if (!href) {
+        return chain;
       }
-      const href = prompt("Enter the URL:");
-      if (href) {
-        return chain.focus().setLink({ href });
+      if (hasCode) {
+        return chain.focus().extendMarkRange("code").setLink({ href });
       }
-      return chain;
+      return chain.focus().setLink({ href });
     },
     isActive: (editor) => editor.isActive("link"),
     isDisabled: (editor) => {
@@ -128,10 +129,16 @@ export function createImageHandler() {
   };
 }
 export function createListHandler(listType) {
-  const fnName = listType === "bulletList" ? "toggleBulletList" : "toggleOrderedList";
+  const fnNameMap = {
+    bulletList: "toggleBulletList",
+    orderedList: "toggleOrderedList",
+    taskList: "toggleTaskList"
+  };
+  const fnName = fnNameMap[listType];
+  const listItemType = listType === "taskList" ? "taskItem" : "listItem";
   return {
     canExecute: (editor) => {
-      return editor.can()[fnName]() || editor.isActive("bulletList") || editor.isActive("orderedList");
+      return editor.can()[fnName]() || editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("taskList") || editor.isActive("taskItem") || editor.isActive("listItem");
     },
     execute: (editor) => {
       const { state } = editor;
@@ -146,12 +153,22 @@ export function createListHandler(listType) {
         chain = chain.setTextSelection({ from, to }).clearNodes();
       }
       if (editor.isActive(listType)) {
-        return chain.liftListItem("listItem").lift("bulletList").lift("orderedList").selectTextblockEnd();
+        return chain.liftListItem(listItemType).lift("bulletList").lift("orderedList").lift("taskList").selectTextblockEnd();
+      }
+      const currentListItemType = editor.isActive("taskList") ? "taskItem" : "listItem";
+      if (editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("taskList")) {
+        const unwrapped = chain.liftListItem(currentListItemType).lift("bulletList").lift("orderedList").lift("taskList");
+        return unwrapped[fnName]().selectTextblockEnd();
       }
       return chain[fnName]().selectTextblockEnd();
     },
     isActive: (editor) => editor.isActive(listType),
-    isDisabled: (editor) => isNodeTypeSelected(editor, ["image"]) || editor.isActive("code")
+    isDisabled: (editor) => {
+      if (!isExtensionAvailable(editor, listType)) {
+        return true;
+      }
+      return isNodeTypeSelected(editor, ["image"]) || editor.isActive("code");
+    }
   };
 }
 export function createMoveHandler(direction) {
@@ -198,6 +215,7 @@ export function createHandlers() {
     blockquote: createToggleHandler("blockquote"),
     bulletList: createListHandler("bulletList"),
     orderedList: createListHandler("orderedList"),
+    taskList: createListHandler("taskList"),
     codeBlock: createToggleHandler("codeBlock"),
     horizontalRule: createSetHandler("horizontalRule"),
     paragraph: createSetHandler("paragraph"),

package/dist/runtime/utils/fuse.js

@@ -1,3 +1,22 @@
+const htmlEscapes = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeHTML(str) {
+  return str.replace(/[&<>"']/g, (char) => htmlEscapes[char]);
+}
+function isAlreadyEscaped(str) {
+  return /&(?:amp|lt|gt|quot|#39);/.test(str);
+}
+function sanitize(str) {
+  if (isAlreadyEscaped(str)) {
+    return str;
+  }
+  return escapeHTML(str);
+}
 function truncateHTMLFromStart(html, maxLength) {
   let truncated = "";
   let totalLength = 0;
@@ -34,14 +53,14 @@ export function highlight(item, searchTerm, forceKey, omitKeys) {
       const lastIndiceNextIndex = region[1] + 1;
       const isMatched = lastIndiceNextIndex - region[0] >= searchTerm.length;
       content += [
-        value.substring(nextUnhighlightedRegionStartingIndex, region[0]),
+        sanitize(value.substring(nextUnhighlightedRegionStartingIndex, region[0])),
         isMatched && `<mark>`,
-        value.substring(region[0], lastIndiceNextIndex),
+        sanitize(value.substring(region[0], lastIndiceNextIndex)),
         isMatched && "</mark>"
       ].filter(Boolean).join("");
       nextUnhighlightedRegionStartingIndex = lastIndiceNextIndex;
     });
-    content += value.substring(nextUnhighlightedRegionStartingIndex);
+    content += sanitize(value.substring(nextUnhighlightedRegionStartingIndex));
     const markIndex = content.indexOf("<mark>");
     if (markIndex !== -1) {
       content = truncateHTMLFromStart(content, content.length - markIndex);

package/dist/runtime/utils/index.d.ts

@@ -9,6 +9,7 @@ export declare function isEmpty(value: unknown): boolean;
 export declare function getDisplayValue<T extends Array<any>, V>(items: T, value: V | undefined | null, options?: {
     valueKey?: GetItemKeys<T>;
     labelKey?: GetItemKeys<T>;
+    by?: string | ((a: any, b: any) => boolean);
 }): string | undefined;
 export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
 export declare function mergeClasses(appConfigClass?: string | string[], propClass?: string): "" | (string | undefined)[];

package/dist/runtime/utils/index.js

@@ -91,10 +91,10 @@ export function isEmpty(value) {
   return false;
 }
 export function getDisplayValue(items, value, options = {}) {
-  const { valueKey, labelKey } = options;
+  const { valueKey, labelKey, by } = options;
   const foundItem = items.find((item) => {
     const itemValue = typeof item === "object" && item !== null && valueKey ? get(item, valueKey) : item;
-    return compare(itemValue, value);
+    return compare(itemValue, value, by);
   });
   if (isEmpty(value) && foundItem) {
     return labelKey ? get(foundItem, labelKey) : void 0;

package/dist/runtime/utils/virtualizer.d.ts

@@ -1,6 +1,4 @@
 /**
  * Get estimate size for virtualizers that checks each item individually
- * NOTE: This requires Reka UI to support functions for estimateSize (https://github.com/unovue/reka-ui/pull/2288)
- * Until then, we check if ANY item has a description and use that for all items
  */
-export declare function getEstimateSize(items: any[], size: 'xs' | 'sm' | 'md' | 'lg' | 'xl', descriptionKey?: string): number;
+export declare function getEstimateSize(items: any[], size: 'xs' | 'sm' | 'md' | 'lg' | 'xl', descriptionKey?: string, hasDescriptionSlot?: boolean): (index: number) => number;

package/dist/runtime/utils/virtualizer.js

@@ -1,13 +1,13 @@
 import { get } from "./index.js";
-function hasDescription(item, descriptionKey) {
+function itemHasDescription(item, descriptionKey) {
   if (typeof item !== "object" || item === null) {
     return false;
   }
   const value = get(item, descriptionKey);
   return value !== void 0 && value !== null && value !== "";
 }
-function getSize(size, hasDescription2) {
-  if (hasDescription2) {
+function getSize(size, hasDescription) {
+  if (hasDescription) {
     return {
       xs: 44,
       sm: 48,
@@ -24,7 +24,16 @@ function getSize(size, hasDescription2) {
     xl: 40
   }[size];
 }
-export function getEstimateSize(items, size, descriptionKey) {
-  const anyHasDescription = descriptionKey ? items.some((item) => hasDescription(item, descriptionKey)) : false;
-  return getSize(size, anyHasDescription);
+export function getEstimateSize(items, size, descriptionKey, hasDescriptionSlot) {
+  const sizeWithDescription = getSize(size, true);
+  const sizeWithoutDescription = getSize(size, false);
+  if (hasDescriptionSlot) {
+    return () => sizeWithDescription;
+  }
+  if (!descriptionKey) {
+    return () => sizeWithoutDescription;
+  }
+  return (index) => {
+    return itemHasDescription(items[index], descriptionKey) ? sizeWithDescription : sizeWithoutDescription;
+  };
 }

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

@@ -2,6 +2,6 @@ import type { IconProps as NuxtIconProps } from '../../types';
 export interface IconProps {
     name: NuxtIconProps['name'];
 }
-declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -2,6 +2,6 @@ import type { IconProps as NuxtIconProps } from '../../types';
 export interface IconProps {
     name: NuxtIconProps['name'];
 }
-declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSelect.d.vue.ts

@@ -1,6 +1,8 @@
 import type { SelectMenuProps, SelectMenuItem } from '../../../types';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../../../types").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue

@@ -19,6 +19,8 @@ const props = defineProps({
   required: { type: Boolean, required: false },
   trailingIcon: { type: null, required: false },
   selectedIcon: { type: null, required: false },
+  clear: { type: [Boolean, Object], required: false },
+  clearIcon: { type: null, required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
@@ -43,7 +45,9 @@ const props = defineProps({
   name: { type: String, required: false },
   resetSearchTermOnBlur: { type: Boolean, required: false },
   resetSearchTermOnSelect: { type: Boolean, required: false },
+  resetModelValueOnClear: { type: Boolean, required: false },
   highlightOnHover: { type: Boolean, required: false },
+  by: { type: [String, Function], required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
   leadingIcon: { type: null, required: false },

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue.d.ts

@@ -1,6 +1,8 @@
 import type { SelectMenuProps, SelectMenuItem } from '../../../types';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../../../types").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.d.vue.ts

@@ -1,6 +1,6 @@
 import type { SwitchProps } from '../../../types';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue.d.ts

@@ -1,6 +1,6 @@
 import type { SwitchProps } from '../../../types';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/overrides/inertia/Link.d.vue.ts

@@ -59,9 +59,14 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/inertia/Link.vue.d.ts

@@ -59,9 +59,14 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/inertia/LinkBase.d.vue.ts

@@ -10,13 +10,16 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
+    as: string;
+    type: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/inertia/LinkBase.vue.d.ts

@@ -10,13 +10,16 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
+    as: string;
+    type: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/none/Link.d.vue.ts

@@ -61,9 +61,14 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/none/Link.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/link";
 </script>
 
 <script setup>
-import { computed } from "vue";
+import { computed, inject } from "vue";
 import { defu } from "defu";
 import { hasProtocol } from "ufo";
 import { useAppConfig } from "#imports";
@@ -83,6 +83,14 @@ const linkRel = computed(() => {
   }
   return null;
 });
+const handleNavigation = inject("nuxtui:router", void 0);
+const navigate = handleNavigation ? (e) => {
+  handleNavigation(e, {
+    href: href.value || "",
+    external: isExternal.value,
+    target: props.target || (isExternal.value ? "_blank" : void 0)
+  });
+} : void 0;
 </script>
 
 <template>
@@ -94,7 +102,7 @@ const linkRel = computed(() => {
   type,
   disabled,
   href,
-  navigate: void 0,
+  navigate,
   rel: linkRel,
   target: target || (isExternal ? '_blank' : void 0),
   isExternal,
@@ -110,7 +118,7 @@ const linkRel = computed(() => {
   type,
   disabled,
   href,
-  navigate: void 0,
+  navigate,
   rel: linkRel,
   target: target || (isExternal ? '_blank' : void 0),
   isExternal

package/dist/runtime/vue/overrides/none/Link.vue.d.ts

@@ -61,9 +61,14 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/vue-router/Link.d.vue.ts

@@ -52,9 +52,14 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/vue-router/Link.vue

@@ -162,7 +162,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   href: to,
   rel,
   target,
-  active,
+  active: active ?? false,
   isExternal
 }"
       />
@@ -181,7 +181,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
 }"
       :class="resolveLinkClass()"
     >
-      <slot :active="active" />
+      <slot :active="active ?? false" />
     </ULinkBase>
   </template>
 </template>

package/dist/runtime/vue/overrides/vue-router/Link.vue.d.ts

@@ -52,9 +52,14 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/plugins/router.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(app: import("vue").App<any>, options: any): void;
+};
+export default _default;

package/dist/runtime/vue/plugins/router.js

@@ -0,0 +1,7 @@
+export default {
+  install(app, options) {
+    if (options?.router && typeof options.router === "function") {
+      app.provide("nuxtui:router", options.router);
+    }
+  }
+};