글쓰기 입력과 썸네일 표시 보정

components/site/PostCard.vue

@@ -10,7 +10,14 @@ defineProps({
 <template>
   <article class="post-card site-section">
     <div class="post-card__body site-section-body flex gap-4">
-      <div class="post-card__thumb h-20 w-36 shrink-0 rounded-lg bg-[linear-gradient(135deg,#06333a,#f4a261)]" />
+      <img
+        v-if="post.featuredImage"
+        class="post-card__thumb h-20 w-36 shrink-0 rounded-lg bg-surface object-cover"
+        :src="post.featuredImage"
+        :alt="post.title"
+        loading="lazy"
+      >
+      <div v-else class="post-card__thumb h-20 w-36 shrink-0 rounded-lg bg-[linear-gradient(135deg,#06333a,#f4a261)]" />
       <div class="post-card__content min-w-0">
         <h2 class="post-card__title text-base font-semibold leading-tight">
           <NuxtLink class="post-card__title-link hover:opacity-70" :to="post.to">