From 42ca90ee1f0aadaa09888f1c9627657abcd866b2 Mon Sep 17 00:00:00 2001
From: IwanIDev <iwan@iwani.dev>
Date: Sat, 21 Mar 2026 15:43:12 +0000
Subject: feat: implement PostHeader component and add blog post route

---
 src/components/BlogPosts.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/components/BlogPosts.astro')

diff --git a/src/components/BlogPosts.astro b/src/components/BlogPosts.astro
index 54b7529..73f9b5c 100644
--- a/src/components/BlogPosts.astro
+++ b/src/components/BlogPosts.astro
@@ -1,6 +1,6 @@
 ---
 import { getCollection } from 'astro:content';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Card, CardContent, CardDescription, CardHeader } from "@/components/ui/card";
 
 // Fetch all blog posts from the content collection
 const posts = await getCollection('blog');
@@ -18,7 +18,7 @@ const sortedPosts = posts.sort((a, b) =>
             <a href={`/posts/${post.id}`} class="block hover:opacity-80 transition-opacity">
                 <Card>
                     <CardHeader>
-                        <CardTitle>{post.data.title}</CardTitle>
+                        <h2 class="font-heading text-sm font-medium" transition:name={`post-title-${post.id}`}>{post.data.title}</h2>
                         <CardDescription>{post.data.description}</CardDescription>
                     </CardHeader>
                     <CardContent>
-- 
cgit