From f25ad7ffed4c7e8956f62212bf38ec4a9fe9f1fe Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Thu, 20 Mar 2025 10:11:13 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/category/CategoryBtn.vue | 33 ++++++++++++-------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/components/category/CategoryBtn.vue b/src/components/category/CategoryBtn.vue
index 8ed7d8d..57b8a47 100644
--- a/src/components/category/CategoryBtn.vue
+++ b/src/components/category/CategoryBtn.vue
@@ -5,35 +5,33 @@
             type="button"
             class="btn"
             :class="{
-                'btn-outline-primary': selectedCategory !== 'all',
-                'btn-primary': selectedCategory === 'all'
+            'btn-outline-primary': selectedCategory !== 'all',
+            'btn-primary': selectedCategory === 'all'
             }"
             @click="selectCategory('all')"
         >
-        All
+            All
         </button>
         </li>
         <li v-for="category in lists" :key="category.value" class="mt-2 me-2">
-            <button
-                type="button"
-                class="btn"
-                :class="{
-                    'btn-outline-primary': category.value !== selectedCategory,
-                    'btn-primary': category.value === selectedCategory
+        <button
+            type="button"
+            class="btn"
+            :class="{
+                'btn-outline-primary': category.value.toString() !== selectedCategory?.toString(),
+                'btn-primary': category.value.toString() === selectedCategory?.toString()
                 }"
-                @click="selectCategory(category.value)"
-            >
-                {{ category.label }}
-            </button>
+            @click="selectCategory(category.value)"
+        >
+            {{ category.label }}
+        </button>
         </li>
     </ul>
-
 </template>
 
 <script setup>
-import { defineProps, ref, watch } from 'vue';
+import { defineProps, defineEmits, ref, watch } from 'vue';
 
-// lists prop 정의
 const props = defineProps({
     lists: {
         type: Array,
@@ -44,7 +42,7 @@ const props = defineProps({
         required: false,
     },
     selectedCategory: {
-        type: [String, Number],
+        type: String,
         default: null,
         required: false,
     },
@@ -63,4 +61,5 @@ watch(() => props.selectedCategory, (newVal) => {
     selectedCategory.value = newVal;
 });
 
+
 </script>