게시물 목록 카드 썸네일 생성 추가

pages/index.vue

@@ -154,6 +154,7 @@ const mapLatestPost = (post) => {
       appendEllipsis: false
     }),
     featuredImage: post.featuredImage,
+    featuredImageThumbnail: post.featuredImageThumbnail || '',
     tagName: tagMeta.name,
     tagColor: tagMeta.color,
     publishedAt: formatPostDate(post.publishedAt),
@@ -354,7 +355,7 @@ watch([latestPosts, hasHomeInfeedAd], () => {
           >
             <img
               v-if="post.featuredImage"
-              :src="post.featuredImage"
+              :src="post.featuredImageThumbnail || post.featuredImage"
               :alt="post.title"
               class="h-full w-full object-cover brightness-75 contrast-125 transition-all duration-200 group-hover:brightness-90 group-hover:contrast-110"
               loading="lazy"
@@ -505,6 +506,7 @@ watch([latestPosts, hasHomeInfeedAd], () => {
                   :to="post.to"
                   :title="post.title"
                   :featured-image="post.featuredImage"
+                  :thumbnail-image="post.featuredImageThumbnail"
                   :link-class="isPostFeedCards ? 'post-feed__media post-feed__media--cards mb-3 block aspect-video w-full' : 'post-feed__media post-feed__media--list relative h-20 w-20 shrink-0 self-start aspect-square sm:h-auto sm:w-auto sm:flex-1 sm:shrink sm:self-auto sm:min-w-16 sm:aspect-video'"
                   :aspect-class="isPostFeedCards ? 'aspect-video' : 'aspect-square sm:aspect-video'"
                 />