From 7510928e66922d5ec3bc66c0535e98ad25e5b8e2 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 15 Oct 2024 18:00:04 +0700
Subject: [PATCH] refactor: emit search

---
 src/components/shared/SelectZone.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/shared/SelectZone.vue b/src/components/shared/SelectZone.vue
index ff597466..98eeac13 100644
--- a/src/components/shared/SelectZone.vue
+++ b/src/components/shared/SelectZone.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { watch } from 'vue';
+
 const search = defineModel<string>('search');
 const selectedItem = defineModel<unknown[]>('selectedItem', { default: [] });
 
@@ -23,8 +25,16 @@ const props = withDefaults(
   },
 );
 
+const emit = defineEmits<{
+  (e: 'search', v: string): void;
+}>();
+
 defineExpose({ select, assignSelect });
 
+watch(search, () => {
+  emit('search', search.value || '');
+});
+
 function select(item?: unknown, all?: boolean) {
   if (all) {
     if (props.items.every((item) => selectedItem.value.includes(item))) {
@@ -76,7 +86,7 @@ function assignSelect(to: unknown[], from: unknown[]) {
         class="q-ml-auto"
         :bg-color="$q.dark.isActive ? 'dark' : 'white'"
         v-model="search"
-        debounce="200"
+        debounce="300"
       >
         <template #prepend>
           <q-icon name="mdi-magnify" />