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>