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

chore(CommandPalette): improve options and always slice results

Browse Source
This commit is contained in:
Benjamin Canac
2022-07-17 14:00:42 +02:00
parent c42dc9ecd2
commit 5e4c49ae3a
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/runtime/components/navigation/CommandPalette.vue
View File

@@ -61,15 +61,7 @@ const props = defineProps({
},
options: {
type: Object as PropType<UseFuseOptions<Command>>,
default: () => ({
fuseOptions: {
keys: ['label'],
isCaseSensitive: false,
threshold: undefined
},
resultLimit: 12,
matchAllWhenSearchEmpty: true
})
default: () => ({})
}
})
@@ -86,13 +78,23 @@ onMounted(() => {
const commands = computed(() => props.groups.flatMap(group => group.commands.map(command => ({ ...command, group: group.key }))))
const { results } = useFuse(query, commands, props.options)
const options = computed(() => Object.assign({}, {
fuseOptions: {
keys: ['label'],
isCaseSensitive: false,
threshold: undefined
},
resultLimit: 12,
matchAllWhenSearchEmpty: true
}, props.options))
const { results } = useFuse(query, commands, options)
const groupedResults = computed(() => {
return props.groups.map(group => ({
key: group.key,
label: group.label,
commands: results.value.map(result => result.item).filter(item => item.group === group.key)
commands: results.value.map(result => result.item).filter(item => item.group === group.key).slice(0, props.options.resultLimit)
})).filter(group => group.commands.length)
})