<script lang="ts">
	import PostCard from "$lib/components/PostCard.svelte";
	import { getPosts } from "$lib/utils/posts";

	const posts = getPosts();
</script>

<svelte:head>
	<title>wenekar sucks at programming</title>
	<meta
		name="description"
		content="A personal blog built with SvelteKit and MDsveX"
	/>
</svelte:head>

<section>
	{#if posts.length === 0}
		<p>No posts.</p>
	{:else}
		{#each posts as post}
			<PostCard {post} />
		{/each}
	{/if}
</section>
