From eeb86028e742d707a6ffb8addc00e99a76cfb14e Mon Sep 17 00:00:00 2001
From: MaxChang3 <36927158+maxchang3@users.noreply.github.com>
Date: Tue, 3 Mar 2026 23:00:39 +0800
Subject: [PATCH] fix(blog): format published date in blog post list card

---
 app/components/BlogPostListCard.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/BlogPostListCard.vue b/app/components/BlogPostListCard.vue
index f620cb9b7f..5fd17dc743 100644
--- a/app/components/BlogPostListCard.vue
+++ b/app/components/BlogPostListCard.vue
@@ -33,7 +33,9 @@ defineProps<{
       <!-- Text Content -->
       <div class="flex-1 min-w-0 text-start gap-2">
         <div class="flex items-center gap-2">
-          <span class="text-xs text-fg-muted font-mono">{{ published }}</span>
+          <span class="text-xs text-fg-muted font-mono">
+            <DateTime :datetime="published" year="numeric" month="short" day="numeric" />
+          </span>
           <span
             v-if="draft"
             class="text-xs px-1.5 py-0.5 rounded badge-orange font-sans font-medium"