<script lang="ts">
	import data from '$lib/articles.json';
</script>

<h2 class="my-4 text-2xl font-bold">Hi there...</h2>

<div class="flex flex-col gap-4">
	{#each data.articles as article (article.title)}
		<a href={article.path} class="">
			<h3 class="my-2 text-xl font-bold">{article.title}</h3>
			<p class="my-2 text-sm">{new Date(article.updated).toLocaleDateString()}</p>
		</a>
	{/each}
</div>
