From 30ee7a82eb8f22c590f1bba68c35b3313e036a25 Mon Sep 17 00:00:00 2001
From: Konrad Mohrfeldt <km@roko.li>
Date: Thu, 30 May 2024 18:12:48 +0200
Subject: [PATCH] refactor(ComboBoxSimple): pass-through search term
---
src/components/ComboBoxSimple.vue | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/components/ComboBoxSimple.vue b/src/components/ComboBoxSimple.vue
index 4bc06f26..7922a154 100644
--- a/src/components/ComboBoxSimple.vue
+++ b/src/components/ComboBoxSimple.vue
@@ -56,7 +56,7 @@ export type ComboBoxSimpleProps<T> = Omit<ComboBoxProps<T>, 'choices'> & {
<script setup lang="ts" generic="T extends { id: ID; name?: string }">
import { ID } from '@rokoli/bnb/drf'
import { computedAsync } from '@vueuse/core'
-import { computed, ref, toValue } from 'vue'
+import { computed, toValue } from 'vue'
import { computedDebounced, matchesSearch } from '@/util'
import Tag from './generic/Tag.vue'
import ComboBox from './ComboBox.vue'
@@ -78,9 +78,9 @@ defineSlots<{
}>()
const modelValue = defineModel<null | T | T[]>({ required: true })
+const searchQuery = defineModel<string>('searchTerm', { required: false, default: '' })
const props = defineProps<ComboBoxSimpleProps<T>>()
-const searchQuery = ref('')
const debouncedSearchQuery = computedDebounced(searchQuery, (t) => (t.trim() ? 0.3 : 0))
const selectedIds = computed(() => {
if (Array.isArray(modelValue.value)) {
--
GitLab