@nuxt/ui 3.0.1 → 3.0.2

package/dist/runtime/components/Tree.vue

@@ -6,7 +6,14 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/tree'
 import { tv } from '../utils/tv'
-import type { PartialString, DynamicSlots, MaybeMultipleModelValue, SelectItemKey } from '../types/utils'
+import type {
+  DynamicSlots,
+  GetItemKeys,
+  GetModelValue,
+  GetModelValueEmits,
+  NestedItem,
+  PartialString
+} from '../types/utils'
 
 const appConfig = _appConfig as AppConfig & { ui: { tree: Partial<typeof theme> } }
 
@@ -31,9 +38,10 @@ export type TreeItem = {
   children?: TreeItem[]
   onToggle?(e: Event): void
   onSelect?(e?: Event): void
+  [key: string]: any
 }
 
-export interface TreeProps<T extends TreeItem, M extends boolean = false, K extends SelectItemKey<T> | undefined = undefined> extends Pick<TreeRootProps<T>, 'expanded' | 'defaultExpanded' | 'selectionBehavior' | 'propagateSelect' | 'disabled'> {
+export interface TreeProps<T extends TreeItem[] = TreeItem[], VK extends GetItemKeys<T> = 'value', M extends boolean = false> extends Pick<TreeRootProps<T>, 'expanded' | 'defaultExpanded' | 'selectionBehavior' | 'propagateSelect' | 'disabled'> {
   /**
    * The element or component this component should render as.
    * @defaultValue 'ul'
@@ -51,12 +59,12 @@ export interface TreeProps<T extends TreeItem, M extends boolean = false, K exte
    * The key used to get the value from the item.
    * @defaultValue 'value'
    */
-  valueKey?: K
+  valueKey?: VK
   /**
    * The key used to get the label from the item.
    * @defaultValue 'label'
    */
-  labelKey?: K
+  labelKey?: keyof NestedItem<T>
   /**
    * The icon displayed on the right side of a parent node.
    * @defaultValue appConfig.ui.icons.chevronDown
@@ -75,33 +83,34 @@ export interface TreeProps<T extends TreeItem, M extends boolean = false, K exte
    * @IconifyIcon
    */
   collapsedIcon?: string
-  items?: T[]
+  items?: T
   /** The controlled value of the Tree. Can be bind as `v-model`. */
-  modelValue?: MaybeMultipleModelValue<T, M>
+  modelValue?: GetModelValue<T, VK, M>
   /** The value of the Tree when initially rendered. Use when you do not need to control the state of the Tree. */
-  defaultValue?: MaybeMultipleModelValue<T, M>
+  defaultValue?: GetModelValue<T, VK, M>
   /** Whether multiple options can be selected or not. */
   multiple?: M & boolean
   class?: any
   ui?: PartialString<typeof tree.slots>
 }
 
-export type TreeEmits<T, M extends boolean = false> = Omit<TreeRootEmits, 'update:modelValue'> & {
-  'update:modelValue': [payload: MaybeMultipleModelValue<T, M>]
-}
+export type TreeEmits<A extends TreeItem[], VK extends GetItemKeys<A> | undefined, M extends boolean> = Omit<TreeRootEmits, 'update:modelValue'> & GetModelValueEmits<A, VK, M>
 
-type SlotProps<T> = (props: { item: T, index: number, level: number, expanded: boolean, selected: boolean }) => any
+type SlotProps<T extends TreeItem> = (props: { item: T, index: number, level: number, expanded: boolean, selected: boolean }) => any
 
-export type TreeSlots<T extends { slot?: string }> = {
+export type TreeSlots<
+  A extends TreeItem[] = TreeItem[],
+  T extends NestedItem<A> = NestedItem<A>
+> = {
   'item': SlotProps<T>
   'item-leading': SlotProps<T>
   'item-label': SlotProps<T>
   'item-trailing': SlotProps<T>
-} & DynamicSlots<T, SlotProps<T>>
+} & DynamicSlots<T, undefined, { index: number, level: number, expanded: boolean, selected: boolean }>
 
 </script>
 
-<script setup lang="ts" generic="T extends TreeItem, M extends boolean = false, K extends SelectItemKey<T> | undefined = undefined">
+<script setup lang="ts" generic="T extends TreeItem[], VK extends GetItemKeys<T> = 'value', M extends boolean = false">
 import { computed } from 'vue'
 import type { PropType } from 'vue'
 import { TreeRoot, TreeItem, useForwardPropsEmits } from 'reka-ui'
@@ -109,18 +118,21 @@ import { reactivePick, createReusableTemplate } from '@vueuse/core'
 import { get } from '../utils'
 import UIcon from './Icon.vue'
 
-const props = withDefaults(defineProps<TreeProps<T, M, K>>(), {
+const props = withDefaults(defineProps<TreeProps<T, VK, M>>(), {
   labelKey: 'label' as never,
   valueKey: 'value' as never
 })
-const emits = defineEmits<TreeEmits<T, M>>()
+const emits = defineEmits<TreeEmits<T, VK, M>>()
 const slots = defineSlots<TreeSlots<T>>()
 
 const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'modelValue', 'defaultValue', 'items', 'multiple', 'expanded', 'disabled', 'propagateSelect'), emits)
 
-const [DefineTreeTemplate, ReuseTreeTemplate] = createReusableTemplate<{ items?: T[], level: number }>({
+const [DefineTreeTemplate, ReuseTreeTemplate] = createReusableTemplate<
+  { items?: NestedItem<T>[], level: number },
+  TreeSlots<T>
+>({
   props: {
-    items: Array as PropType<T[]>,
+    items: Array as PropType<NestedItem<T>[]>,
     level: Number
   }
 })
@@ -130,22 +142,24 @@ const ui = computed(() => tree({
   size: props.size
 }))
 
-function getItemLabel(item: T) {
+function getItemLabel(item: NestedItem<T>): string {
   return get(item, props.labelKey as string)
 }
 
-function getItemValue(item?: T) {
+function getItemValue(item: NestedItem<T>): string {
   return get(item, props.valueKey as string) ?? get(item, props.labelKey as string)
 }
 
-function getDefaultOpenedItems(item: T): string[] {
+function getDefaultOpenedItems(item: NestedItem<T>): string[] {
   const currentItem = item.defaultExpanded ? getItemValue(item) : null
-  const childItems = item.children?.flatMap(child => getDefaultOpenedItems(child as T)) ?? []
+  const childItems = item.children?.flatMap((child: TreeItem) => getDefaultOpenedItems(child as NestedItem<T>)) ?? []
 
   return [currentItem, ...childItems].filter(Boolean) as string[]
 }
 
-const defaultExpanded = computed(() => props.defaultExpanded ?? props.items?.flatMap(getDefaultOpenedItems))
+const defaultExpanded = computed(() =>
+  props.defaultExpanded ?? props.items?.flatMap(item => getDefaultOpenedItems(item as NestedItem<T>))
+)
 </script>
 
 <!-- eslint-disable vue/no-template-shadow -->
@@ -165,8 +179,8 @@ const defaultExpanded = computed(() => props.defaultExpanded ?? props.items?.fla
         @select="item.onSelect"
       >
         <button :disabled="item.disabled || disabled" :class="ui.link({ class: props.ui?.link, selected: isSelected, disabled: item.disabled || disabled })">
-          <slot :name="item.slot || 'item'" v-bind="{ item, index, level, expanded: isExpanded, selected: isSelected }">
-            <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" v-bind="{ item, index, level, expanded: isExpanded, selected: isSelected }">
+          <slot :name="((item.slot || 'item') as keyof TreeSlots<T>)" v-bind="{ index, level, expanded: isExpanded, selected: isSelected }" :item="(item as Extract<NestedItem<T>, { slot: string; }>)">
+            <slot :name="((item.slot ? `${item.slot}-leading`: 'item-leading') as keyof TreeSlots<T>)" v-bind="{ index, level, expanded: isExpanded, selected: isSelected }" :item="(item as Extract<NestedItem<T>, { slot: string; }>)">
               <UIcon
                 v-if="item.icon"
                 :name="item.icon"
@@ -179,14 +193,14 @@ const defaultExpanded = computed(() => props.defaultExpanded ?? props.items?.fla
               />
             </slot>
 
-            <span v-if="getItemLabel(item) || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
-              <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" v-bind="{ item, index, level, expanded: isExpanded, selected: isSelected }">
+            <span v-if="getItemLabel(item) || !!slots[(item.slot ? `${item.slot}-label`: 'item-label') as keyof TreeSlots<T>]" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
+              <slot :name="((item.slot ? `${item.slot}-label`: 'item-label') as keyof TreeSlots<T>)" v-bind="{ item, index, level, expanded: isExpanded, selected: isSelected }" :item="(item as Extract<NestedItem<T>, { slot: string; }>)">
                 {{ getItemLabel(item) }}
               </slot>
             </span>
 
-            <span v-if="item.trailingIcon || item.children?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
-              <slot :name="item.slot ? `${item.slot}-trailing`: 'item-trailing'" v-bind="{ item, index, level, expanded: isExpanded, selected: isSelected }">
+            <span v-if="item.trailingIcon || item.children?.length || !!slots[(item.slot ? `${item.slot}-trailing`: 'item-trailing') as keyof TreeSlots<T>]" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
+              <slot :name="((item.slot ? `${item.slot}-trailing`: 'item-trailing') as keyof TreeSlots<T>)" v-bind="{ item, index, level, expanded: isExpanded, selected: isSelected }" :item="(item as Extract<NestedItem<T>, { slot: string; }>)">
                 <UIcon v-if="item.trailingIcon" :name="item.trailingIcon" :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon })" />
                 <UIcon v-else-if="item.children?.length" :name="trailingIcon ?? appConfig.ui.icons.chevronDown" :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon })" />
               </slot>
@@ -195,19 +209,19 @@ const defaultExpanded = computed(() => props.defaultExpanded ?? props.items?.fla
         </button>
 
         <ul v-if="item.children?.length && isExpanded" :class="ui.listWithChildren({ class: props.ui?.listWithChildren })">
-          <ReuseTreeTemplate :items="(item.children as T[])" :level="level + 1" />
+          <ReuseTreeTemplate :items="(item.children as NestedItem<T>[])" :level="level + 1" />
         </ul>
       </TreeItem>
     </li>
   </DefineTreeTemplate>
 
   <TreeRoot
-    v-bind="rootProps"
+    v-bind="(rootProps as unknown as TreeRootProps<NestedItem<T>>)"
     :class="ui.root({ class: [props.class, props.ui?.root] })"
     :get-key="getItemValue"
     :default-expanded="defaultExpanded"
     :selection-behavior="selectionBehavior"
   >
-    <ReuseTreeTemplate :items="items" :level="0" />
+    <ReuseTreeTemplate :items="(items as NestedItem<T>[] | undefined)" :level="0" />
   </TreeRoot>
 </template>

package/dist/runtime/composables/defineShortcuts.js

@@ -21,7 +21,6 @@ export function extractShortcuts(items) {
   traverse(items.flat());
   return shortcuts;
 }
-// @__NO_SIDE_EFFECTS__
 export function defineShortcuts(config, options = {}) {
   const chainedInputs = ref([]);
   const clearChainedInput = () => {

package/dist/runtime/composables/useFormField.js

@@ -55,7 +55,7 @@ export function useFormField(props, opts) {
     emitFormFocus,
     ariaAttrs: computed(() => {
       if (!formField?.value) return;
-      const descriptiveAttrs = ["error", "hint", "description"].filter((type) => formField?.value?.[type]).map((type) => `${formField?.value.ariaId}-${type}`) || [];
+      const descriptiveAttrs = ["error", "hint", "description", "help"].filter((type) => formField?.value?.[type]).map((type) => `${formField?.value.ariaId}-${type}`) || [];
       return {
         "aria-describedby": descriptiveAttrs.join(" "),
         "aria-invalid": !!formField?.value.error

package/dist/runtime/composables/useOverlay.d.ts

@@ -1,5 +1,6 @@
 import type { Component } from 'vue';
-import type { ComponentProps } from 'vue-component-type-helpers';
+import type { ComponentProps, ComponentEmit } from 'vue-component-type-helpers';
+type CloseEventArgType<T> = T extends (event: 'close', args_0: infer R) => void ? R : never;
 export type OverlayOptions<OverlayAttrs = Record<string, any>> = {
     defaultOpen?: boolean;
     props?: OverlayAttrs;
@@ -14,7 +15,7 @@ type ManagedOverlayOptionsPrivate<T extends Component> = {
 };
 export type Overlay = OverlayOptions<Component> & ManagedOverlayOptionsPrivate<Component>;
 interface OverlayInstance<T> {
-    open: (props?: ComponentProps<T>) => Promise<any>;
+    open: (props?: ComponentProps<T>) => Promise<CloseEventArgType<ComponentEmit<T>>>;
     close: (value?: any) => void;
     patch: (props: Partial<ComponentProps<T>>) => void;
 }

package/dist/runtime/locale/hy.d.ts

@@ -0,0 +1,3 @@
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
+export default _default;

package/dist/runtime/locale/hy.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u0540\u0561\u0575\u0565\u0580\u0565\u0576",
+  code: "hy",
+  messages: {
+    inputMenu: {
+      noMatch: "\u0540\u0561\u0574\u0568\u0576\u056F\u0576\u0578\u0582\u0574\u0576\u0565\u0580 \u0579\u0565\u0576 \u0563\u057F\u0576\u057E\u0565\u056C",
+      noData: "\u054F\u057E\u0575\u0561\u056C\u0576\u0565\u0580 \u0579\u056F\u0561\u0576",
+      create: '\u054D\u057F\u0565\u0572\u056E\u0565\u056C "{label}"'
+    },
+    calendar: {
+      prevYear: "\u0546\u0561\u056D\u0578\u0580\u0564 \u057F\u0561\u0580\u056B",
+      nextYear: "\u0540\u0561\u057B\u0578\u0580\u0564 \u057F\u0561\u0580\u056B",
+      prevMonth: "\u0546\u0561\u056D\u0578\u0580\u0564 \u0561\u0574\u056B\u057D",
+      nextMonth: "\u0540\u0561\u057B\u0578\u0580\u0564 \u0561\u0574\u056B\u057D"
+    },
+    inputNumber: {
+      increment: "\u0531\u057E\u0565\u056C\u0561\u0581\u0576\u0565\u056C",
+      decrement: "\u054A\u0561\u056F\u0561\u057D\u0565\u0581\u0576\u0565\u056C"
+    },
+    commandPalette: {
+      placeholder: "\u0544\u0578\u0582\u057F\u0584\u0561\u0563\u0580\u0565\u0584 \u0570\u0580\u0561\u0574\u0561\u0576 \u056F\u0561\u0574 \u0578\u0580\u0578\u0576\u0565\u0584...",
+      noMatch: "\u0540\u0561\u0574\u0568\u0576\u056F\u0576\u0578\u0582\u0574\u0576\u0565\u0580 \u0579\u0565\u0576 \u0563\u057F\u0576\u057E\u0565\u056C",
+      noData: "\u054F\u057E\u0575\u0561\u056C\u0576\u0565\u0580 \u0579\u056F\u0561\u0576",
+      close: "\u0553\u0561\u056F\u0565\u056C"
+    },
+    selectMenu: {
+      noMatch: "\u0540\u0561\u0574\u0568\u0576\u056F\u0576\u0578\u0582\u0574\u0576\u0565\u0580 \u0579\u0565\u0576 \u0563\u057F\u0576\u057E\u0565\u056C",
+      noData: "\u054F\u057E\u0575\u0561\u056C\u0576\u0565\u0580 \u0579\u056F\u0561\u0576",
+      create: '\u054D\u057F\u0565\u0572\u056E\u0565\u056C "{label}"',
+      search: "\u0548\u0580\u0578\u0576\u0578\u0582\u0574..."
+    },
+    toast: {
+      close: "\u0553\u0561\u056F\u0565\u056C"
+    },
+    carousel: {
+      prev: "\u0540\u0565\u057F",
+      next: "\u0531\u057C\u0561\u057B",
+      goto: "\u0531\u0576\u0581\u0576\u0565\u056C {slide}-\u056B\u0576"
+    },
+    modal: {
+      close: "\u0553\u0561\u056F\u0565\u056C"
+    },
+    slideover: {
+      close: "\u0553\u0561\u056F\u0565\u056C"
+    },
+    alert: {
+      close: "\u0553\u0561\u056F\u0565\u056C"
+    },
+    table: {
+      noData: "\u054F\u057E\u0575\u0561\u056C\u0576\u0565\u0580 \u0579\u056F\u0561\u0576"
+    }
+  }
+});

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

@@ -16,6 +16,7 @@ export { default as fr } from './fr';
 export { default as he } from './he';
 export { default as hi } from './hi';
 export { default as hu } from './hu';
+export { default as hy } from './hy';
 export { default as id } from './id';
 export { default as it } from './it';
 export { default as ja } from './ja';

package/dist/runtime/locale/index.js

@@ -16,6 +16,7 @@ export { default as fr } from "./fr.js";
 export { default as he } from "./he.js";
 export { default as hi } from "./hi.js";
 export { default as hu } from "./hu.js";
+export { default as hy } from "./hy.js";
 export { default as id } from "./id.js";
 export { default as it } from "./it.js";
 export { default as ja } from "./ja.js";

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

@@ -68,6 +68,7 @@ export interface FormFieldInjectedOptions<T> {
     errorPattern?: RegExp;
     hint?: string;
     description?: string;
+    help?: string;
     ariaId: string;
 }
 export interface ValidateReturnSchema<T> {

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

@@ -6,6 +6,7 @@ export * from '../components/AvatarGroup.vue';
 export * from '../components/Badge.vue';
 export * from '../components/Breadcrumb.vue';
 export * from '../components/Button.vue';
+export * from '../components/ButtonGroup.vue';
 export * from '../components/Calendar.vue';
 export * from '../components/Card.vue';
 export * from '../components/Carousel.vue';

package/dist/runtime/types/index.js

@@ -6,6 +6,7 @@ export * from "../components/AvatarGroup.vue";
 export * from "../components/Badge.vue";
 export * from "../components/Breadcrumb.vue";
 export * from "../components/Button.vue";
+export * from "../components/ButtonGroup.vue";
 export * from "../components/Calendar.vue";
 export * from "../components/Card.vue";
 export * from "../components/Carousel.vue";

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

@@ -1,3 +1,4 @@
+import type { AcceptableValue as _AcceptableValue } from 'reka-ui';
 import type { VNode } from 'vue';
 export interface TightMap<O = any> {
     [key: string]: TightMap | O;
@@ -9,20 +10,39 @@ export type DeepPartial<T, O = any> = {
 };
 export type DynamicSlots<T extends {
     slot?: string;
-}, SlotProps, Slot = T['slot']> = Record<string, SlotProps> & (Slot extends string ? Record<Slot, SlotProps> : Record<string, never>);
+}, S extends string | undefined = undefined, D extends object = {}> = {
+    [K in T['slot'] as K extends string ? S extends string ? (K | `${K}-${S}`) : K : never]?: (props: {
+        item: Extract<T, {
+            slot: K extends `${infer Base}-${S}` ? Base : K;
+        }>;
+    } & D) => any;
+};
 export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any> ? MaybeObject[Key] : never;
 export type PartialString<T> = {
     [K in keyof T]?: string;
 };
-export type MaybeArrayOfArray<T> = T[] | T[][];
-export type MaybeArrayOfArrayItem<I> = I extends Array<infer T> ? T extends Array<infer U> ? U : T : never;
-export type SelectModelValue<T, V, M extends boolean = false, DV = T> = (T extends Record<string, any> ? V extends keyof T ? T[V] : DV : T) extends infer U ? M extends true ? U[] : U : never;
-export type SelectItemKey<T> = T extends Record<string, any> ? keyof T : string;
-export type SelectModelValueEmits<T, V, M extends boolean = false, DV = T> = {
-    'update:modelValue': [payload: SelectModelValue<T, V, M, DV>];
+export type AcceptableValue = Exclude<_AcceptableValue, Record<string, any>>;
+export type ArrayOrNested<T> = T[] | T[][];
+export type NestedItem<T> = T extends Array<infer I> ? NestedItem<I> : T;
+type AllKeys<T> = T extends any ? keyof T : never;
+type NonCommonKeys<T extends object> = Exclude<AllKeys<T>, keyof T>;
+type PickTypeOf<T, K extends string | number | symbol> = K extends AllKeys<T> ? T extends {
+    [k in K]?: any;
+} ? T[K] : undefined : never;
+export type MergeTypes<T extends object> = {
+    [k in keyof T]: PickTypeOf<T, k>;
+} & {
+    [k in NonCommonKeys<T>]?: PickTypeOf<T, k>;
+};
+export type GetItemKeys<I> = keyof Extract<NestedItem<I>, object>;
+export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T : VK extends keyof T ? T[VK] : never : T;
+export type GetModelValue<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = M extends true ? GetItemValue<T, VK>[] : GetItemValue<T, VK>;
+export type GetModelValueEmits<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = {
+    /** Event handler called when the value changes. */
+    'update:modelValue': [payload: GetModelValue<T, VK, M>];
 };
-export type MaybeMultipleModelValue<T, M extends boolean = false> = (T extends infer U ? M extends true ? U[] : U : never);
 export type StringOrVNode = string | VNode | (() => VNode);
 export type EmitsToProps<T> = {
     [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never;
 };
+export {};

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

@@ -4,3 +4,4 @@ export declare function get(object: Record<string, any> | undefined, path: (stri
 export declare function set(object: Record<string, any>, path: (string | number)[] | string, value: any): void;
 export declare function looseToNumber(val: any): any;
 export declare function compare<T>(value?: T, currentValue?: T, comparator?: string | ((a: T, b: T) => boolean)): boolean;
+export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];

package/dist/runtime/utils/index.js

@@ -61,3 +61,6 @@ export function compare(value, currentValue, comparator) {
   }
   return isEqual(value, currentValue);
 }
+export function isArrayOfArray(item) {
+  return Array.isArray(item[0]);
+}

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

@@ -1,29 +1,6 @@
 import type { LinkProps } from '../types';
 export declare function pickLinkProps(link: LinkProps & {
-    ariaLabel?: string;
-    title?: string;
+    [key: string]: any;
 }): {
-    replace: any;
-    type: any;
-    title: any;
-    active: any;
-    activeClass: any;
-    ariaCurrentValue: any;
-    ariaLabel: any;
-    as: any;
-    disabled: any;
-    exact: any;
-    exactActiveClass: any;
-    exactHash: any;
-    exactQuery: any;
-    external: any;
-    href: any;
-    inactiveClass: any;
-    noPrefetch: any;
-    noRel: any;
-    prefetch: any;
-    prefetchedClass: any;
-    rel: any;
-    target: any;
-    to: any;
+    [x: string]: any;
 };

package/dist/runtime/utils/link.js

@@ -1,4 +1,34 @@
 import { reactivePick } from "@vueuse/core";
 export function pickLinkProps(link) {
-  return reactivePick(link, "active", "activeClass", "ariaCurrentValue", "ariaLabel", "as", "disabled", "exact", "exactActiveClass", "exactHash", "exactQuery", "external", "href", "inactiveClass", "noPrefetch", "noRel", "prefetch", "prefetchedClass", "rel", "replace", "target", "to", "type", "title");
+  const keys = Object.keys(link);
+  const ariaKeys = keys.filter((key) => key.startsWith("aria-"));
+  const dataKeys = keys.filter((key) => key.startsWith("data-"));
+  const propsToInclude = [
+    "active",
+    "activeClass",
+    "ariaCurrentValue",
+    "as",
+    "disabled",
+    "exact",
+    "exactActiveClass",
+    "exactHash",
+    "exactQuery",
+    "external",
+    "href",
+    "inactiveClass",
+    "noPrefetch",
+    "noRel",
+    "prefetch",
+    "prefetchedClass",
+    "rel",
+    "replace",
+    "target",
+    "to",
+    "type",
+    "title",
+    "onClick",
+    ...ariaKeys,
+    ...dataKeys
+  ];
+  return reactivePick(link, ...propsToInclude);
 }

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

@@ -103,6 +103,7 @@ defineOptions({ inheritAttrs: false })
 const props = withDefaults(defineProps<LinkProps>(), {
   as: 'button',
   type: 'button',
+  ariaCurrentValue: 'page',
   active: undefined,
   activeClass: '',
   inactiveClass: ''
@@ -204,6 +205,7 @@ function resolveLinkClass({ route, isActive, isExactActive }: any = {}) {
         <slot
           v-bind="{
             ...$attrs,
+            ...(exact && isExactActive ? { 'aria-current': props.ariaCurrentValue } : {}),
             as,
             type,
             disabled,
@@ -217,6 +219,7 @@ function resolveLinkClass({ route, isActive, isExactActive }: any = {}) {
         v-else
         v-bind="{
           ...$attrs,
+          ...(exact && isExactActive ? { 'aria-current': props.ariaCurrentValue } : {}),
           as,
           type,
           disabled,

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

@@ -7,8 +7,8 @@ export { defineLocale } from '../composables/defineLocale';
 export { useLocale } from '../composables/useLocale';
 export declare const useColorMode: () => {
     forced: boolean;
-    preference?: undefined;
-    readonly value?: undefined;
+    preference?: "system" | "light" | "dark";
+    readonly value?: import("@vueuse/core").BasicColorMode;
 } | {
     preference: "system" | "light" | "dark";
     readonly value: import("@vueuse/core").BasicColorMode;
@@ -29,7 +29,12 @@ export declare function useNuxtApp(): {
     payload: {
         serverRendered: boolean;
     };
+    hooks: import("hookable").Hookable<Record<string, any>, string>;
+    hook: <NameT extends string>(name: NameT, function_: any, options?: {
+        allowDeprecated?: boolean;
+    }) => () => void;
 };
+export declare function useRuntimeHook(name: string, fn: (...args: any[]) => void): void;
 export declare function defineNuxtPlugin(plugin: (nuxtApp: NuxtApp) => void): {
     install(app: import("vue").App<any>): void;
 };

package/dist/runtime/vue/stubs.js

@@ -1,4 +1,5 @@
-import { ref } from "vue";
+import { ref, onScopeDispose } from "vue";
+import { createHooks } from "hookable";
 import appConfig from "#build/app.config";
 import { useColorMode as useColorModeVueUse } from "@vueuse/core";
 export { useHead } from "@unhead/vue";
@@ -50,12 +51,20 @@ export const useState = (key, init) => {
   state[key] = value;
   return value;
 };
+const hooks = createHooks();
 export function useNuxtApp() {
   return {
     isHydrating: true,
-    payload: { serverRendered: false }
+    payload: { serverRendered: false },
+    hooks,
+    hook: hooks.hook
   };
 }
+export function useRuntimeHook(name, fn) {
+  const nuxtApp = useNuxtApp();
+  const unregister = nuxtApp.hook(name, fn);
+  onScopeDispose(unregister);
+}
 export function defineNuxtPlugin(plugin) {
   return {
     install(app) {