일반 태그 상세 메타 표시 수정

pages/tag/[slug].vue

@@ -2,7 +2,7 @@
 const route = useRoute()
 const slug = computed(() => String(route.params.slug || ''))
 
-const { data: tags } = await useFetch('/api/tags', {
+const { data: tags } = await useFetch('/api/tags?tagType=all', {
   default: () => []
 })
 
@@ -12,24 +12,36 @@ const { data: posts } = await useFetch('/api/posts', {
 
 const tag = computed(() => tags.value.find((item) => item.slug === slug.value))
 
+/**
+ * 태그 슬러그로 공개 태그 메타를 찾는다.
+ * @param {string} tagSlug - 태그 슬러그
+ * @returns {Object | null} 태그 메타
+ */
+const findTagMeta = (tagSlug) => tags.value.find((item) => item.slug === tagSlug) || null
+
 const tagPosts = computed(() => posts.value
   .filter((post) => post.tags.includes(slug.value))
-  .map((post) => ({
-    title: post.title,
-    excerpt: createPostSummary(post.excerpt, post.content, {
-      maxLength: 320,
-      appendEllipsis: false
-    }),
-    featuredImage: post.featuredImage,
-    featuredImageThumbnail: post.featuredImageThumbnail || '',
-    tag: tags.value.find((item) => item.slug === (post.tags?.[0] || slug.value))?.name || (post.tags?.[0] || slug.value).toUpperCase(),
-    tagColor: tags.value.find((item) => item.slug === (post.tags?.[0] || slug.value))?.color || '#4d4d4d',
-    isFeatured: Boolean(post.isFeatured),
-    commentCount: Number(post.commentCount || 0),
-    publishedAt: formatPostDate(post.publishedAt),
-    publishedAtIso: post.publishedAt || '',
-    to: `/post/${post.slug}`
-  })))
+  .map((post) => {
+    const primaryTagSlug = post.tags?.[0] || slug.value
+    const primaryTag = findTagMeta(primaryTagSlug)
+
+    return {
+      title: post.title,
+      excerpt: createPostSummary(post.excerpt, post.content, {
+        maxLength: 320,
+        appendEllipsis: false
+      }),
+      featuredImage: post.featuredImage,
+      featuredImageThumbnail: post.featuredImageThumbnail || '',
+      tag: primaryTag?.name || primaryTagSlug.toUpperCase(),
+      tagColor: primaryTag?.color || '#4d4d4d',
+      isFeatured: Boolean(post.isFeatured),
+      commentCount: Number(post.commentCount || 0),
+      publishedAt: formatPostDate(post.publishedAt),
+      publishedAtIso: post.publishedAt || '',
+      to: `/post/${post.slug}`
+    }
+  }))
 </script>
 
 <template>