webcompile/src/routes/blog/authors/[author]/+page.svelte

<script lang="ts">
	import type { PageData } from "./$types";
	export let data: PageData;

	import { PostsContainer, PostOuter, Title, Meta, ReadMore } from "$lib/BlogCard";
</script>

<svelte:head>
	<title>Blog author {data.authorName} | Project Segfault Blog</title>
</svelte:head>

<h1>Blog author <span class="text-accent">{data.authorName}</span></h1>

<PostsContainer>
	{#each data.posts as post}
		<PostOuter>
			<Title {post} />
			<Meta {post} />
			<ReadMore {post} />
		</PostOuter>
	{/each}
</PostsContainer>