kunthawat/emdash-blog-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use Image component for post list featured images

Browse Source 
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>
This commit is contained in:
Kunthawat Greethong
2026-05-02 10:46:55 +07:00
parent 49725b2fd0
commit de5735bc8e
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/posts/index.astro
View File

@@ -1,6 +1,7 @@
--- ---
import { getEmDashCollection, getTermsForEntries } from "emdash"; import { getEmDashCollection, getTermsForEntries } from "emdash";
import Base from "../../layouts/Base.astro"; import Base from "../../layouts/Base.astro";
import { Image } from "emdash/ui";
import { getReadingTime } from "../../utils/reading-time"; import { getReadingTime } from "../../utils/reading-time";
// Sort in the database rather than in JS — lets the DB use its index on // 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"> <a href={`/posts/${post.id}`} class="post-link">
{post.data.featured_image && ( {post.data.featured_image && (
<div class="post-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>
)} )}
<div class="post-meta"> <div class="post-meta">