From de5735bc8e87c7219070e02c42438dd83f0f22f9 Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@gmailcom>
Date: Sat, 2 May 2026 10:46:55 +0700
Subject: [PATCH] fix: use Image component for post list featured images

Changed from plain <img> to <Image> component so locally
uploaded images display correctly on the posts list page.

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

diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
index 9c27101..aaace1c 100644
--- a/src/pages/posts/index.astro
+++ b/src/pages/posts/index.astro
@@ -1,6 +1,7 @@
 ---
 import { getEmDashCollection, getTermsForEntries } from "emdash";
 import Base from "../../layouts/Base.astro";
+import { Image } from "emdash/ui";
 import { getReadingTime } from "../../utils/reading-time";
 
 // Sort in the database rather than in JS — lets the DB use its index on
@@ -54,7 +55,7 @@ const formatDate = (date: Date) =>
 							<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} />
+										<Image image={post.data.featured_image} />
 									</div>
 								)}
 								<div class="post-meta">