From e2c2124724b0ac50abfecf1dd98fb7122da6bbfa Mon Sep 17 00:00:00 2001
From: puri-ph4tt <puriphat001@gmail.com>
Date: Thu, 7 Dec 2023 09:59:37 +0700
Subject: [PATCH] refactor: admin can search without click or enter

---
 .../modules/01_user/components/SearchBar.vue    | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/Services/client/src/modules/01_user/components/SearchBar.vue b/Services/client/src/modules/01_user/components/SearchBar.vue
index e8bef10..3f864d5 100644
--- a/Services/client/src/modules/01_user/components/SearchBar.vue
+++ b/Services/client/src/modules/01_user/components/SearchBar.vue
@@ -62,7 +62,6 @@ async function searchSubmit() {
         field: searchData.value.field,
         value: searchData.value.value,
       })
-
       if (isAdvSearchCall.value) {
         let advField = advSearchDataField.value
         let advRow = advSearchDataRow.value
@@ -119,6 +118,19 @@ watch(
     }
   },
 )
+
+watch(
+  () => searchData.value.value,
+  (search) => {
+    if (search.length === 0) {
+      isSearch.value = false
+    }
+  },
+)
+
+function test() {
+  alert('helloooo')
+}
 </script>
 
 <template>
@@ -128,11 +140,14 @@ watch(
       outlined
       dense
       label="ค้นหา"
+      debounce="500"
       bg-color="white"
       v-model="searchData.value"
       id="inputSearch"
+      @update:model-value="searchSubmit"
       @keydown.enter.prevent="searchSubmit"
     >
+      <template v-slot:prepend />
       <template v-slot:append
         ><q-icon name="search" class="pointer" @click="searchSubmit"
       /></template>