From c5a44034f058a0dfc3993cc1565e38a70ebb40e3 Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Thu, 13 Jun 2024 11:31:21 +0700
Subject: [PATCH] fix: reset inputsearch when change mode

---
 src/pages/04_product-service/MainPage.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index f7539df8..c128bb91 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import AppBox from 'components/app/AppBox.vue';
 import AddButton from 'components/AddButton.vue';
 import ProductCardComponent from 'src/components/04_product-service/ProductCardComponent.vue';
@@ -218,6 +218,8 @@ onMounted(async () => {
 
   await fetchListGroups();
 });
+
+watch(productMode, () => (inputSearch.value = ''));
 </script>
 
 <template>