arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Link): properly pick all aria-* & data-* attrs

Browse Source
This commit is contained in:
Benjamin Canac
2025-03-24 18:58:49 +01:00
parent 1babad4f74
commit ade16b76cf
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/runtime/utils/link.ts
View File

@@ -1,6 +1,20 @@
import { reactivePick } from '@vueuse/core'
import type { LinkProps } from '../types'
export function pickLinkProps(link: LinkProps & { ariaLabel?: string, title?: string }) {
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')
export function pickLinkProps(link: LinkProps & { [key: string]: any }) {
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',
...ariaKeys,
...dataKeys
]
return reactivePick(link, ...propsToInclude)
}