From cc01b9535086035b850c942a38e6d9baac485aa8 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Tue, 8 Apr 2025 11:28:07 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A2=8B=EC=95=84=EC=9A=94=20=EC=8B=AB?=
 =?UTF-8?q?=EC=96=B4=EC=9A=94=20watch=20=ED=95=A8=EC=88=98=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/button/BoardRecommendBtn.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/button/BoardRecommendBtn.vue b/src/components/button/BoardRecommendBtn.vue
index c2bebfe..a3665d4 100644
--- a/src/components/button/BoardRecommendBtn.vue
+++ b/src/components/button/BoardRecommendBtn.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script setup>
-    import { ref, computed } from 'vue';
+    import { ref, computed, watch } from 'vue';
 
     const props = defineProps({
         comment: {
@@ -64,6 +64,11 @@
     const likeCount = computed(() => props.comment?.likeCount ?? props.likeCount);
     const dislikeCount = computed(() => props.comment?.dislikeCount ?? props.dislikeCount);
 
+    watch([() => props.likeClicked, () => props.dislikeClicked], ([likeNewval, dislikeNewval]) => {
+        likeClicked.value = likeNewval;
+        dislikeClicked.value = dislikeNewval;
+    });
+
     const handleLike = () => {
         const isLike = !likeClicked.value;
         const isDislike = false;