게시물 추천과 관리자 목록 필터 정리

pages/index.vue

@@ -71,10 +71,9 @@ const getTagMeta = (slug) => {
 /**
  * Latest 목록 데이터 변환
  * @param {Object} post - API 게시물
- * @param {number} index - 목록 인덱스
  * @returns {Object} 화면 표시 데이터
  */
-const mapLatestPost = (post, index) => {
+const mapLatestPost = (post) => {
   const primaryTagSlug = post.tags?.[0]
   const tagMeta = getTagMeta(primaryTagSlug)
 
@@ -87,11 +86,12 @@ const mapLatestPost = (post, index) => {
     publishedAt: formatPostDate(post.publishedAt),
     publishedAtIso: post.publishedAt || '',
     to: `/post/${post.slug}`,
-    isFeatured: index === 0
+    isFeatured: Boolean(post.isFeatured),
+    commentCount: Number(post.commentCount || 0)
   }
 }
 
-const featuredPosts = computed(() => posts.value.slice(0, 6))
+const featuredPosts = computed(() => posts.value.filter((post) => post.isFeatured).slice(0, 6))
 const latestPosts = computed(() => posts.value.map(mapLatestPost))
 
 const featuredTrackRef = ref(null)
@@ -233,7 +233,7 @@ const scrollFeatured = (direction) => {
       </div>
     </section>
 
-    <section class="py-4 px-6">
+    <section v-if="featuredPosts.length" class="py-4 px-6">
       <div class="mx-auto max-w-[720px]">
         <div class="flex items-end justify-between gap-2 border-b border-[var(--site-line)] pb-2">
           <h2 class="text-sm font-medium uppercase site-muted">Featured</h2>
@@ -475,7 +475,7 @@ const scrollFeatured = (direction) => {
                       <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="-mt-px">
                         <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
                       </svg>
-                      <span>0</span>
+                      <span>{{ post.commentCount }}</span>
                     </span>
                   </div>
                 </div>