26 lines
790 B
Plaintext
26 lines
790 B
Plaintext
---
|
|
// const { posts } = Astro.props;
|
|
import { getPosts } from "@/utils/payload";
|
|
const posts = await getPosts();
|
|
|
|
---
|
|
|
|
{
|
|
posts.length > 0 ? (
|
|
posts.map((post) => (
|
|
<a href={`/posts/${post.id}/`}>
|
|
<article class="text-gray bg-gray-light px-5 py-3 rounded-md shadow-md w-64 text-center hover:-translate-y-1 transition-transform">
|
|
<h3 class="font-bold text-lg" transition:name=`title-${post.id}`>{post.title}</h3>
|
|
{post.publishedDate && (
|
|
<p>
|
|
{new Date(post.publishedDate).toLocaleDateString("de-DE")}
|
|
</p>
|
|
)}
|
|
</article>
|
|
</a>
|
|
))
|
|
) : (
|
|
<p>Add Posts in Payloadcms</p>
|
|
)
|
|
}
|