Dane's personal website
dane.computer
1---
2interface Props {
3 title: string;
4 published_at: Date;
5 slug: string;
6}
7
8const { title, published_at, slug } = Astro.props;
9import Link from "../components/Link.astro";
10---
11
12<li>
13 <article>
14 <h2
15 class="mb-1 font-bold text-blue-700 hover:text-blue-500 hover:underline"
16 >
17 <Link href={`/blogs/${slug}`}>{title}</Link>
18 </h2>
19 <footer class="text-sm text-gray-500">
20 <time datetime={published_at.toISOString()}>
21 {new Intl.DateTimeFormat("en-us").format(new Date(published_at))}
22 </time>
23 </footer>
24 </article>
25</li>