@nuxt/ui 4.9.0 → 4.11.0

package/dist/runtime/utils/link.js

@@ -1,45 +1,7 @@
 import { reactivePick } from "@vueuse/core";
 import { isEqual, diff } from "ohash/utils";
-export const linkKeys = [
-  "active",
-  "activeClass",
-  "ariaCurrentValue",
-  "as",
-  "disabled",
-  "download",
-  "exact",
-  "exactActiveClass",
-  "exactHash",
-  "exactQuery",
-  "external",
-  "form",
-  "formaction",
-  "formenctype",
-  "formmethod",
-  "formnovalidate",
-  "formtarget",
-  "href",
-  "hreflang",
-  "inactiveClass",
-  "locale",
-  "media",
-  "noPrefetch",
-  "noRel",
-  "onClick",
-  "ping",
-  "prefetch",
-  "prefetchOn",
-  "prefetchedClass",
-  "referrerpolicy",
-  "rel",
-  "replace",
-  "target",
-  "title",
-  "to",
-  "trailingSlash",
-  "type",
-  "viewTransition"
-];
+import { linkKeys } from "./link-keys.js";
+export { linkKeys };
 export function pickLinkProps(link) {
   const keys = Object.keys(link);
   const ariaKeys = keys.filter((key) => key.startsWith("aria-"));

package/dist/runtime/utils/search.js

@@ -8,15 +8,6 @@ const htmlEscapes = {
 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;
@@ -62,14 +53,14 @@ export function highlight(item, searchTerm, forceKey, omitKeys, useTokenSearch)
       const lastIndiceNextIndex = region[1] + 1;
       const isMatched = lastIndiceNextIndex - region[0] >= minTokenLength;
       content += [
-        sanitize(value.substring(nextUnhighlightedRegionStartingIndex, region[0])),
+        escapeHTML(value.substring(nextUnhighlightedRegionStartingIndex, region[0])),
         isMatched && `<mark>`,
-        sanitize(value.substring(region[0], lastIndiceNextIndex)),
+        escapeHTML(value.substring(region[0], lastIndiceNextIndex)),
         isMatched && "</mark>"
       ].filter(Boolean).join("");
       nextUnhighlightedRegionStartingIndex = lastIndiceNextIndex;
     });
-    content += sanitize(value.substring(nextUnhighlightedRegionStartingIndex));
+    content += escapeHTML(value.substring(nextUnhighlightedRegionStartingIndex));
     const markIndex = content.indexOf("<mark>");
     if (markIndex !== -1) {
       content = truncateHTMLFromStart(content, content.length - markIndex);

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

@@ -34,7 +34,7 @@ type WideTV = {
  * Wraps `tailwind-variants`' `tv` so slot classes can be **replaced** (not just
  * merged) through a function form — `(defaults) => classes` — in `:ui`, the
  * `class` prop and `app.config.ui`. The wrapper is transparent for every other
- * usage: it preserves the `TVReturnType` (so `extend: tv(theme)` keeps working
+ * usage: it preserves the `TVReturnType` (so `extend: theme` keeps working
  * via property reads) and only intercepts the slot functions on invocation.
  */
 export declare const tv: WideTV;

package/dist/runtime/utils/tv.js

@@ -29,7 +29,44 @@ function plainClasses(value) {
 function applyReplacer(replacer, slotProps, resolveDefaults) {
   return cnMerge(replacer(resolveDefaults()), ...plainClasses(slotProps.class), ...plainClasses(slotProps.className))(config) ?? "";
 }
-function wrapSlots(slots, directives) {
+function isMemoizable(value, depth = 0) {
+  if (value === void 0 || value === null) {
+    return true;
+  }
+  const type = typeof value;
+  if (type === "string" || type === "boolean") {
+    return true;
+  }
+  if (type === "number") {
+    return Number.isFinite(value);
+  }
+  if (Array.isArray(value)) {
+    if (depth >= 4) {
+      return false;
+    }
+    for (const item of value) {
+      if (!isMemoizable(item, depth + 1)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
+}
+function memoKey(slotProps) {
+  const proto = Object.getPrototypeOf(slotProps);
+  if (proto !== Object.prototype && proto !== null) {
+    return void 0;
+  }
+  for (const key of Object.keys(slotProps)) {
+    if (!isMemoizable(slotProps[key])) {
+      return void 0;
+    }
+  }
+  return JSON.stringify(slotProps);
+}
+function wrapSlots(slots) {
+  const memo = /* @__PURE__ */ new Map();
   return new Proxy(slots, {
     get(target, key) {
       const slot = target[key];
@@ -37,52 +74,93 @@ function wrapSlots(slots, directives) {
         return slot;
       }
       return (slotProps = {}) => {
-        const replacer = findReplacer(slotProps.class) ?? findReplacer(slotProps.className) ?? directives?.[key];
+        const replacer = findReplacer(slotProps.class) ?? findReplacer(slotProps.className);
         if (!replacer) {
-          return slot(slotProps);
+          const cacheKey = memoKey(slotProps);
+          if (cacheKey === void 0) {
+            return slot(slotProps);
+          }
+          let cache = memo.get(key);
+          if (!cache) {
+            cache = /* @__PURE__ */ new Map();
+            memo.set(key, cache);
+          }
+          let result = cache.get(cacheKey);
+          if (result === void 0 && !cache.has(cacheKey)) {
+            if (cache.size >= 500) {
+              cache.clear();
+            }
+            result = slot(slotProps);
+            cache.set(cacheKey, result);
+          }
+          return result;
         }
         return applyReplacer(replacer, slotProps, () => slot({ ...slotProps, class: void 0, className: void 0 }));
       };
     }
   });
 }
-function extractDirectives(componentConfig) {
+function defaultClasses(value) {
+  return cnMerge(value)(config) ?? "";
+}
+function resolveReplacers(componentConfig) {
   if (!componentConfig || typeof componentConfig !== "object") {
-    return { config: componentConfig };
-  }
-  let config2 = componentConfig;
-  let directives;
-  if (typeof componentConfig.base === "function") {
-    directives = { base: componentConfig.base };
-    config2 = { ...config2, base: "" };
+    return componentConfig;
   }
   const slots = componentConfig.slots;
-  if (slots && typeof slots === "object") {
-    const replacers = Object.entries(slots).filter(([, value]) => typeof value === "function");
-    if (replacers.length) {
-      directives ??= {};
-      const cleaned = { ...slots };
-      for (const [slot, replacer] of replacers) {
-        directives[slot] = replacer;
-        cleaned[slot] = "";
+  const replacers = slots && typeof slots === "object" ? Object.entries(slots).filter((entry) => typeof entry[1] === "function") : [];
+  const baseReplacer = typeof componentConfig.base === "function" ? componentConfig.base : void 0;
+  if (!replacers.length && !baseReplacer) {
+    return componentConfig;
+  }
+  const extend = componentConfig.extend;
+  const resolved = { ...componentConfig };
+  let extendSlots;
+  let blankExtendBase = false;
+  if (baseReplacer) {
+    resolved.base = baseReplacer(defaultClasses(extend?.slots?.base ?? extend?.base));
+    if (extend?.slots?.base) {
+      extendSlots ??= { ...extend.slots };
+      extendSlots.base = "";
+    }
+    if (extend?.base) {
+      blankExtendBase = true;
+    }
+  }
+  if (replacers.length) {
+    const cleaned = { ...slots };
+    for (const [slot, replacer] of replacers) {
+      cleaned[slot] = replacer(defaultClasses(extend?.slots?.[slot]));
+      if (extend?.slots?.[slot]) {
+        extendSlots ??= { ...extend.slots };
+        extendSlots[slot] = "";
       }
-      config2 = { ...config2, slots: cleaned };
     }
+    resolved.slots = cleaned;
+  }
+  if (extendSlots || blankExtendBase) {
+    const cleanedExtend = { ...extend };
+    if (extendSlots) {
+      cleanedExtend.slots = extendSlots;
+    }
+    if (blankExtendBase) {
+      cleanedExtend.base = "";
+    }
+    resolved.extend = cleanedExtend;
   }
-  return { config: config2, directives };
+  return resolved;
 }
 export const tv = ((componentConfig) => {
-  const { config: cleanConfig, directives } = extractDirectives(componentConfig);
-  const component = baseTv(cleanConfig);
+  const component = baseTv(resolveReplacers(componentConfig));
   return new Proxy(component, {
     apply(target, thisArg, args) {
       const result = Reflect.apply(target, thisArg, args);
       if (result && typeof result === "object") {
-        return wrapSlots(result, directives);
+        return wrapSlots(result);
       }
       if (typeof result === "string") {
         const slotProps = args[0] ?? {};
-        const replacer = findReplacer(slotProps.class) ?? findReplacer(slotProps.className) ?? directives?.base;
+        const replacer = findReplacer(slotProps.class) ?? findReplacer(slotProps.className);
         if (replacer) {
           return applyReplacer(replacer, slotProps, () => Reflect.apply(target, thisArg, [{ ...slotProps, class: void 0, className: void 0 }]));
         }

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

@@ -1,4 +1,4 @@
-import type { IconProps } from '../../types';
+import type { IconProps } from '../../components/Icon.vue';
 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

@@ -4,7 +4,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { Icon as IconifyIcon } from "@iconify/vue";
+import { Icon as IconifyIcon, iconLoaded } from "@iconify/vue";
 import { useAppConfig } from "#imports";
 const props = defineProps({
   name: { type: null, required: true },
@@ -25,16 +25,19 @@ const mode = computed(() => {
 });
 const size = computed(() => props.size || appConfig.icon?.size);
 const customize = computed(() => resolveCustomizeFn(props.customize, appConfig.icon?.customize));
+const icon = computed(() => typeof props.name === "string" ? props.name.replace(/^i-/, "") : "");
+const ssr = computed(() => iconLoaded(icon.value));
 </script>
 
 <template>
   <IconifyIcon
     v-if="typeof name === 'string'"
-    :icon="name.replace(/^i-/, '')"
+    :icon="icon"
     :mode="mode"
     :width="size"
     :height="size"
     :customise="customize"
+    :ssr="ssr"
   />
   <component :is="name" v-else />
 </template>

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

@@ -1,4 +1,4 @@
-import type { IconProps } from '../../types';
+import type { IconProps } from '../../components/Icon.vue';
 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,4 +1,4 @@
-import type { SelectMenuProps, SelectMenuItem } from '../../../types';
+import type { SelectMenuProps, SelectMenuItem } from '../../../components/SelectMenu.vue';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
 declare const _default: typeof __VLS_export;

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

@@ -1,4 +1,4 @@
-import type { SelectMenuProps, SelectMenuItem } from '../../../types';
+import type { SelectMenuProps, SelectMenuItem } from '../../../components/SelectMenu.vue';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
 declare const _default: typeof __VLS_export;

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

@@ -1,4 +1,4 @@
-import type { SwitchProps } from '../../../types';
+import type { SwitchProps } from '../../../components/Switch.vue';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
 declare const _default: typeof __VLS_export;

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

@@ -1,4 +1,4 @@
-import type { SwitchProps } from '../../../types';
+import type { SwitchProps } from '../../../components/Switch.vue';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
 declare const _default: typeof __VLS_export;

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

@@ -63,10 +63,10 @@ export interface 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<{}>, {
-    type: "reset" | "submit" | "button";
     as: any;
-    active: boolean;
+    type: "reset" | "submit" | "button";
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -68,9 +68,9 @@ const props = defineProps({
 defineSlots();
 const page = usePage();
 const appConfig = useAppConfig();
-const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "class", "noRel"));
+const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "class", "target", "rel", "noRel"));
 const ui = computed(() => tv({
-  extend: tv(theme),
+  extend: theme,
   ...defu({
     variants: {
       active: {

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

@@ -63,10 +63,10 @@ export interface 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<{}>, {
-    type: "reset" | "submit" | "button";
     as: any;
-    active: boolean;
+    type: "reset" | "submit" | "button";
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,9 +1,9 @@
-import type { LinkProps } from '../../../types';
+import type { LinkProps } from '../../../components/Link.vue';
 export interface LinkBaseProps {
     as?: string;
     type?: string;
     disabled?: boolean;
-    onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
+    onClick?: ((e: MouseEvent) => void) | Array<((e: MouseEvent) => void)>;
     href?: string;
     target?: LinkProps['target'];
     rel?: LinkProps['rel'];
@@ -13,8 +13,8 @@ export interface LinkBaseProps {
 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<{}>, {
-    type: string;
     as: string;
+    type: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {

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

@@ -1,9 +1,9 @@
-import type { LinkProps } from '../../../types';
+import type { LinkProps } from '../../../components/Link.vue';
 export interface LinkBaseProps {
     as?: string;
     type?: string;
     disabled?: boolean;
-    onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
+    onClick?: ((e: MouseEvent) => void) | Array<((e: MouseEvent) => void)>;
     href?: string;
     target?: LinkProps['target'];
     rel?: LinkProps['rel'];
@@ -13,8 +13,8 @@ export interface LinkBaseProps {
 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<{}>, {
-    type: string;
     as: string;
+    type: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {

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

@@ -64,10 +64,10 @@ export interface 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<{}>, {
-    type: "reset" | "submit" | "button";
     as: any;
-    active: boolean;
+    type: "reset" | "submit" | "button";
     ariaCurrentValue: string;
+    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -36,7 +36,7 @@ const props = defineProps({
 defineSlots();
 const appConfig = useAppConfig();
 const ui = computed(() => tv({
-  extend: tv(theme),
+  extend: theme,
   ...defu({
     variants: {
       active: {
@@ -59,6 +59,7 @@ const isExternal = computed(() => {
   }
   return hasProtocol(href.value, { acceptRelative: true });
 });
+const hasTarget = computed(() => !!props.target && props.target !== "_self");
 const isLinkActive = computed(() => {
   if (props.active !== void 0) {
     return props.active;
@@ -72,14 +73,14 @@ const linkClass = computed(() => {
   }
   return ui.value({ class: props.class, active, disabled: props.disabled });
 });
-const linkRel = computed(() => {
+const rel = computed(() => {
   if (props.noRel) {
     return null;
   }
-  if (props.rel) {
-    return props.rel;
+  if (props.rel !== void 0) {
+    return props.rel || null;
   }
-  if (isExternal.value) {
+  if (isExternal.value || hasTarget.value) {
     return "noopener noreferrer";
   }
   return null;
@@ -104,7 +105,7 @@ const navigate = handleNavigation ? (e) => {
   disabled,
   href,
   navigate,
-  rel: linkRel,
+  rel,
   target: target || (isExternal ? '_blank' : void 0),
   isExternal,
   active: isLinkActive
@@ -120,7 +121,7 @@ const navigate = handleNavigation ? (e) => {
   disabled,
   href,
   navigate,
-  rel: linkRel,
+  rel,
   target: target || (isExternal ? '_blank' : void 0),
   isExternal
 }"

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

@@ -64,10 +64,10 @@ export interface 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<{}>, {
-    type: "reset" | "submit" | "button";
     as: any;
-    active: boolean;
+    type: "reset" | "submit" | "button";
     ariaCurrentValue: string;
+    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -56,10 +56,10 @@ export interface 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<{}>, {
-    type: "reset" | "submit" | "button";
     as: any;
-    active: boolean;
+    type: "reset" | "submit" | "button";
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -43,9 +43,9 @@ const props = defineProps({
 defineSlots();
 const route = useRoute();
 const appConfig = useAppConfig();
-const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "exactQuery", "exactHash", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "class", "noRel"));
+const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "exactQuery", "exactHash", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "class", "target", "rel", "noRel"));
 const ui = computed(() => tv({
-  extend: tv(theme),
+  extend: theme,
   ...defu({
     variants: {
       active: {

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

@@ -56,10 +56,10 @@ export interface 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<{}>, {
-    type: "reset" | "submit" | "button";
     as: any;
-    active: boolean;
+    type: "reset" | "submit" | "button";
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(): void;
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+import { addIcon } from "@iconify/vue";
+import { init } from "virtual:nuxt-ui-icons";
+export default {
+  install() {
+    init((name, data) => {
+      const colon = name.indexOf(":");
+      if (colon !== -1 && name.slice(0, colon).includes("-")) {
+        addIcon(name.replace(":", "-"), data);
+      }
+      return addIcon(name, data);
+    });
+  }
+};

package/dist/runtime/vue/stubs/inertia.d.ts

@@ -1,5 +1,5 @@
 export * from './base';
 export declare const useRoute: () => {
-    fullPath: string;
+    readonly fullPath: string;
 };
 export declare const useRouter: () => void;

package/dist/runtime/vue/stubs/inertia.js

@@ -3,7 +3,9 @@ export * from "./base.js";
 export const useRoute = () => {
   const page = usePage();
   return {
-    fullPath: page.url
+    get fullPath() {
+      return page.url;
+    }
   };
 };
 export const useRouter = () => {