공개 화면 카드 상호작용 수정

pages/posts/index.vue

@@ -49,13 +49,14 @@ const { data: postsResponse } = await useFetch('/api/posts', {
 /**
  * 태그 슬러그로 공개 태그 정보를 찾는다.
  * @param {string | undefined} slug - 태그 슬러그
- * @returns {{ name: string, slug: string }} 태그 정보
+ * @returns {{ name: string, slug: string, color: string }} 태그 정보
  */
 const getTagMeta = (slug) => {
   if (!slug) {
     return {
       name: '',
-      slug: ''
+      slug: '',
+      color: '#4d4d4d'
     }
   }
 
@@ -63,7 +64,8 @@ const getTagMeta = (slug) => {
 
   return {
     name: matchedTag?.name || String(slug).toUpperCase(),
-    slug
+    slug,
+    color: matchedTag?.color || '#4d4d4d'
   }
 }
 
@@ -87,6 +89,7 @@ const postCards = computed(() => (postsResponse.value?.items || []).map((post) =
     featuredImageThumbnail: post.featuredImageThumbnail || '',
     tag: primaryTag.name,
     tagSlug: primaryTag.slug,
+    tagColor: primaryTag.color,
     publishedAt: formatPostDate(post.publishedAt),
     to: `/post/${post.slug}`
   }