diff --git a/src/components/category/CategoryBtn.vue b/src/components/category/CategoryBtn.vue
index ee8a618..7c0df23 100644
--- a/src/components/category/CategoryBtn.vue
+++ b/src/components/category/CategoryBtn.vue
@@ -1,21 +1,20 @@
 <template>
     <ul class="cate-list list-unstyled d-flex flex-wrap mb-0">
-        <li
-        v-for="category in lists"
-        :key="category.CMNCODVAL"
-        class="mt-2 mx-1"
-        >
-            <button 
+        <li v-for="category in lists" :key="category.value" class="mt-2 mx-1">
+            <button
                 type="button"
                 class="btn"
                 :class="{
-                    'btn-outline-primary': category.CMNCODVAL !== selectedCategory,
-                    'btn-primary': category.CMNCODVAL === selectedCategory
+                    'btn-outline-primary': category.value !== selectedCategory,
+                    'btn-primary': category.value === selectedCategory
                 }"
-                @click="selectCategory(category.CMNCODVAL)"
-            >{{ category.CMNCODNAM }}</button>
+                @click="selectCategory(category.value)"
+            >
+                {{ category.label }}
+            </button>
         </li>
     </ul>
+
 </template>
 
 <script setup>
@@ -48,10 +47,10 @@ const selectCategory = (cate) => {
     .cate-list {
         overflow-x: scroll;
         flex-wrap: nowrap !important;
-        
+
         li {
             flex: 0 0 auto;
         }
     }
 }
-</style>
\ No newline at end of file
+</style>