From 1298e3c0185ed83cde1f2501db37380fe98ee44a Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@gmailcom>
Date: Thu, 30 Apr 2026 10:31:16 +0700
Subject: [PATCH] fix: show featured_image on posts list page

Use featured_image.src/alt instead of featuredImage. Add post-image CSS.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/pages/posts/index.astro | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
index d58dce8..9c27101 100644
--- a/src/pages/posts/index.astro
+++ b/src/pages/posts/index.astro
@@ -52,6 +52,11 @@ const formatDate = (date: Date) =>
 					{postsWithTags.map(({ post, tags, bylines }) => (
 						<article class="post-item">
 							<a href={`/posts/${post.id}`} class="post-link">
+								{post.data.featured_image && (
+									<div class="post-image">
+										<img src={post.data.featured_image.src} alt={post.data.featured_image.alt} />
+									</div>
+								)}
 								<div class="post-meta">
 									{bylines.length > 0 && (
 										<>
@@ -146,6 +151,19 @@ const formatDate = (date: Date) =>
 		border-bottom: 1px solid var(--color-border-subtle);
 	}
 
+	.post-image {
+		margin-bottom: var(--spacing-4);
+		border-radius: var(--radius-lg);
+		overflow: hidden;
+	}
+
+	.post-image img {
+		width: 100%;
+		height: auto;
+		aspect-ratio: 16 / 10;
+		object-fit: cover;
+	}
+
 	.post-item:first-child {
 		padding-top: 0;
 	}