관리자 통계 제외와 콘텐츠 링크 정리

pages/posts/index.vue

@@ -8,30 +8,43 @@ const { data: tags } = await useFetch('/api/tags?tagType=all', {
 })
 
 /**
- * 태그 슬러그로 공개 태그 이름을 찾는다.
+ * 태그 슬러그로 공개 태그 정보를 찾는다.
  * @param {string | undefined} slug - 태그 슬러그
- * @returns {string} 태그 이름
+ * @returns {{ name: string, slug: string }} 태그 정보
  */
-const getTagName = (slug) => {
+const getTagMeta = (slug) => {
   if (!slug) {
-    return ''
+    return {
+      name: '',
+      slug: ''
+    }
   }
 
-  return tags.value.find((tag) => tag.slug === slug)?.name || String(slug).toUpperCase()
+  const matchedTag = tags.value.find((tag) => tag.slug === slug)
+
+  return {
+    name: matchedTag?.name || String(slug).toUpperCase(),
+    slug
+  }
 }
 
-const postCards = computed(() => posts.value.map((post) => ({
-  title: post.title,
-  excerpt: createPostSummary(post.excerpt, post.content, {
-    maxLength: 320,
-    appendEllipsis: false
-  }),
-  featuredImage: post.featuredImage,
-  featuredImageThumbnail: post.featuredImageThumbnail || '',
-  tag: getTagName(post.tags?.[0]),
-  publishedAt: formatPostDate(post.publishedAt),
-  to: `/post/${post.slug}`
-})))
+const postCards = computed(() => posts.value.map((post) => {
+  const primaryTag = getTagMeta(post.tags?.[0])
+
+  return {
+    title: post.title,
+    excerpt: createPostSummary(post.excerpt, post.content, {
+      maxLength: 320,
+      appendEllipsis: false
+    }),
+    featuredImage: post.featuredImage,
+    featuredImageThumbnail: post.featuredImageThumbnail || '',
+    tag: primaryTag.name,
+    tagSlug: primaryTag.slug,
+    publishedAt: formatPostDate(post.publishedAt),
+    to: `/post/${post.slug}`
+  }
+}))
 </script>
 
 <template>