2024-06-04 12:53:06 +02:00
|
|
|
---
|
2024-06-08 14:42:05 +02:00
|
|
|
import { Image } from "astro:assets";
|
2024-06-04 12:53:06 +02:00
|
|
|
import {
|
|
|
|
Card,
|
|
|
|
CardContent,
|
|
|
|
CardDescription,
|
|
|
|
CardHeader,
|
|
|
|
CardTitle,
|
|
|
|
} from "./ui/card";
|
|
|
|
|
2024-06-06 12:55:12 +02:00
|
|
|
const { post } = Astro.props;
|
2024-06-04 12:53:06 +02:00
|
|
|
---
|
|
|
|
|
|
|
|
<div>
|
2024-06-06 12:55:12 +02:00
|
|
|
<a href={`${Astro.url.origin}/${Astro.currentLocale}/blog/${post.blog_slug}`}>
|
2024-06-04 12:53:06 +02:00
|
|
|
<Card>
|
|
|
|
<CardHeader>
|
2024-06-08 14:42:05 +02:00
|
|
|
<Image
|
2024-06-04 12:53:06 +02:00
|
|
|
src={post.data.image.url}
|
|
|
|
alt={post.data.image.alt}
|
|
|
|
class="rounded-md"
|
2024-06-08 14:42:05 +02:00
|
|
|
inferSize
|
2024-06-04 12:53:06 +02:00
|
|
|
/>
|
|
|
|
<span class="py-2"></span>
|
|
|
|
<CardTitle>{post.data.title}</CardTitle>
|
|
|
|
<CardDescription>
|
|
|
|
<p>
|
|
|
|
{post.data.author} • {
|
|
|
|
post.data.publishDate.toLocaleString(Astro.currentLocale)
|
|
|
|
}
|
|
|
|
</p>
|
|
|
|
</CardDescription>
|
|
|
|
</CardHeader>
|
|
|
|
<CardContent>
|
|
|
|
<p>{post.data.description}</p>
|
|
|
|
</CardContent>
|
|
|
|
</Card>
|
|
|
|
</a>
|
|
|
|
</div>
|