From a4cb9936ab8fbc636b178b84104afe59b5b657b1 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Mon, 3 Feb 2025 15:07:29 +0900
Subject: [PATCH] watchEffect ->  watch

---
 src/components/input/FormSelect.vue | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/input/FormSelect.vue b/src/components/input/FormSelect.vue
index 43c41b5..2ff0c3a 100644
--- a/src/components/input/FormSelect.vue
+++ b/src/components/input/FormSelect.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script setup>
-import { ref, watch, watchEffect } from 'vue';
+import { ref, watch } from 'vue';
 
 const props = defineProps({
     title: {
@@ -69,13 +69,16 @@ const props = defineProps({
 const emit = defineEmits(['update:data']);
 const selectData = ref(props.value);
 
-
-watchEffect(() => {
-    if (props.isCommon && props.data.length > 0) {
-        selectData.value = props.data[0].value; // 첫 번째 옵션의 값으로 설정
-    } else {
-        selectData.value = props.value; // 기본값으로 설정
+// data 변경 감지
+watch(() => props.data, (newData) => {
+    if (props.isCommon && newData.length > 0) {
+        selectData.value = newData[0].value;
+        emit('update:data', selectData.value);
     }
-    emit('update:data', selectData.value);
-})
+}, { immediate: true });
+
+// selectData 변경 감지
+watch(selectData, (newValue) => {
+    emit('update:data', newValue);
+});
 </script>