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

fix(CommandPalette): ts errors

Browse Source
This commit is contained in:
Benjamin Canac
2024-08-22 14:29:58 +02:00
parent 8dfac7fd57
commit d558b3e29c
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/runtime/components/CommandPalette.vue
View File

@@ -31,6 +31,7 @@ export interface CommandPaletteGroup<T> {
label?: string
slot?: string
items?: T[]
/** Filter group items based on the search term. */
filter?: (searchTerm: string, items: T[]) => T[]
/** The icon displayed when an item is highlighted. */
highlightedIcon?: string
@@ -142,14 +143,14 @@ const items = computed(() => props.groups?.filter((group) => {
return true
}).flatMap(group => group.items?.map(item => ({ ...item, group: group.id })) || []) || [])
const { results: fuseResults } = useFuse<T>(searchTerm, items, fuse)
const { results: fuseResults } = useFuse<typeof items.value[number]>(searchTerm, items, fuse)
const groups = computed(() => {
if (!fuseResults.value?.length) {
return []
}
const groupsById: Record<string, (T & { matches?: FuseResult<T>['matches'] })[]> = fuseResults.value.reduce((acc, result) => {
const groupsById = fuseResults.value.reduce((acc, result) => {
const { item, matches } = result
if (!item.group) {
return acc
@@ -159,7 +160,7 @@ const groups = computed(() => {
acc[item.group].push({ ...item, matches })
return acc
}, {})
}, {} as Record<string, (T & { matches?: FuseResult<T>['matches'] })[]>)
return Object.entries(groupsById).map(([id, items]) => {
const group = props.groups?.find(group => group.id === id)