From bf336cbd064df992366be8fc98a26b7d9c744fc3 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 24 Jan 2025 09:50:44 +0700
Subject: [PATCH] feat: enhance RemarkExpansion component and improve watch
 function syntax

---
 src/pages/09_task-order/expansion/RemarkExpansion.vue | 1 +
 src/pages/09_task-order/order_view/MainPage.vue       | 9 ++++++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/09_task-order/expansion/RemarkExpansion.vue b/src/pages/09_task-order/expansion/RemarkExpansion.vue
index a7501f0a..df94d343 100644
--- a/src/pages/09_task-order/expansion/RemarkExpansion.vue
+++ b/src/pages/09_task-order/expansion/RemarkExpansion.vue
@@ -3,6 +3,7 @@ import { RequestWork } from 'src/stores/request-list';
 import { convertTemplate } from 'src/utils/string-template';
 import { computed } from 'vue';
 import { ref } from 'vue';
+import { MainButton } from 'src/components/button';
 
 const props = defineProps<{
   readonly?: boolean;
diff --git a/src/pages/09_task-order/order_view/MainPage.vue b/src/pages/09_task-order/order_view/MainPage.vue
index 125ce261..541eb1cb 100644
--- a/src/pages/09_task-order/order_view/MainPage.vue
+++ b/src/pages/09_task-order/order_view/MainPage.vue
@@ -735,9 +735,12 @@ function sortList(
   });
 }
 
-watch([currentFormData.value.taskStatus], () => {
-  fetchStatus();
-});
+watch(
+  () => [currentFormData.value.taskStatus],
+  () => {
+    fetchStatus();
+  },
+);
 </script>
 <template>
   <div class="column surface-0 fullscreen">