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

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

<svelte:head>
	<title>Music History | Bailey Townsend</title>
	<meta name="description" content="What I've been listening to lately." />
	<meta name="og:title" content="Listening History | Bailey Townsend" />
	<meta name="og:description" content="What I've been listening to lately." />
</svelte:head>

<MusicHistory recentPlays={data.recentPlays} />
