<script lang="ts">
	import BookHistory from '$lib/components/BookHistory.svelte';
	import type { PageProps } from './$types';

	let { data }: PageProps = $props();
</script>

<svelte:head>
	<title>Books | Bailey Townsend</title>
	<meta name="description" content="What I've been reading lately." />
	<meta name="og:title" content="Books | Bailey Townsend" />
	<meta name="og:description" content="What I've been reading lately." />
</svelte:head>

<BookHistory currentlyReading={data.currentlyReading} finishedBooks={data.finishedBooks} />
