20 lines
631 B
TypeScript
20 lines
631 B
TypeScript
export default function (data: Lume.Data) {
|
|
return (
|
|
<li className="post-list-item">
|
|
<a href={data.post.data.url} className="post-list-title">
|
|
{data.post.data.title}
|
|
</a>
|
|
<time className="post-list-date">
|
|
{Intl.DateTimeFormat("en-CA", { dateStyle: "long" }).format(
|
|
data.post.data.date,
|
|
)}
|
|
</time>
|
|
<ul className="tag-list">
|
|
{data.post.data.tags.map((tag: string, index: number) => (
|
|
<li key={index} className="tag">{tag}</li>
|
|
))}
|
|
</ul>
|
|
<p className="post-list-description">{data.post.data.description}</p>
|
|
</li>
|
|
);
|
|
}
|