feat(routes): route-specific head title

1 files changed, 20 insertions, 13 deletions

diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index 8a500d41..a6a33aa4 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -7,6 +7,7 @@
 	import { page } from '$app/stores';
 	import SequelSpy from '$lib/Tools/SequelSpy.svelte';
 	import { closest } from '$lib/Error/path';
+	import HeadTitle from '$lib/HeadTitle.svelte';
 
 	export let data;
 
@@ -14,7 +15,7 @@
 	let tool =
 		browser && urlParameters?.size !== 0 ? urlParameters?.get('tool') || 'default' : 'default';
 	const tools: { [key: string]: string } = {
-		default: 'Default',
+		default: 'Tools',
 		todays_character_birthdays: "Today's Character Birthdays",
 		activity_history: 'Activity History',
 		wrapped: 'Wrapped',
@@ -43,6 +44,8 @@
 </blockquote>
 
 {#if !Object.keys(tools).includes(tool)}
+	<HeadTitle route="Tools" path="/tools" />
+
 	<p>Tool not found.</p>
 
 	<blockquote>
@@ -53,16 +56,20 @@
 			{suggestion === '...' ? '...' : tools[suggestion]}</a
 		>"?
 	</blockquote>
-{:else if tool === 'default'}
-	Select a tool to continue.
-{:else if tool === 'activity_history'}
-	<ActivityHistory user={data.user} />
-{:else if tool === 'wrapped'}
-	<Wrapped user={data.user} />
-{:else if tool === 'episode_discussion_collector'}
-	<EpisodeDiscussionCollector />
-{:else if tool === 'todays_character_birthdays'}
-	<CharacterBirthdays />
-{:else if tool === 'sequel_spy'}
-	<SequelSpy user={data.user} />
+{:else}
+	<HeadTitle route={tools[tool]} path={`/tools?tool=${tool}`} />
+
+	{#if tool === 'default'}
+		Select a tool to continue.
+	{:else if tool === 'activity_history'}
+		<ActivityHistory user={data.user} />
+	{:else if tool === 'wrapped'}
+		<Wrapped user={data.user} />
+	{:else if tool === 'episode_discussion_collector'}
+		<EpisodeDiscussionCollector />
+	{:else if tool === 'todays_character_birthdays'}
+		<CharacterBirthdays />
+	{:else if tool === 'sequel_spy'}
+		<SequelSpy user={data.user} />
+	{/if}
 {/if}