✨ Replace title by conversation title (#118)

src/routes/+layout.svelte

@@ -3,7 +3,6 @@
 	import { goto, invalidate } from "$app/navigation";
 	import { page } from "$app/stores";
 	import "../styles/main.css";
-	import type { LayoutData } from "./$types";
 	import { base } from "$app/paths";
 	import { PUBLIC_ORIGIN } from "$env/static/public";
 
@@ -15,7 +14,7 @@
 	import NavMenu from "$lib/components/NavMenu.svelte";
 	import Toast from "$lib/components/Toast.svelte";
 
-	export let data: LayoutData;
+	export let data;
 
 	let isNavOpen = false;
 	let errorToastTimeout: NodeJS.Timeout;

src/routes/conversation/[id]/+page.svelte

@@ -2,7 +2,6 @@
 	import ChatWindow from "$lib/components/chat/ChatWindow.svelte";
 	import { pendingMessage } from "$lib/stores/pendingMessage";
 	import { onMount } from "svelte";
-	import type { PageData } from "./$types";
 	import { page } from "$app/stores";
 	import { textGenerationStream } from "@huggingface/inference";
 	import { invalidate } from "$app/navigation";
@@ -12,7 +11,7 @@
 	import { UrlDependency } from "$lib/types/UrlDependency";
 	import { error } from "$lib/stores/errors";
 
-	export let data: PageData;
+	export let data;
 
 	let messages = data.messages;
 	let lastLoadedMessages = data.messages;
@@ -141,8 +140,14 @@
 			writeMessage(val);
 		}
 	});
+
+	$: title = data.conversations.find((conv) => conv.id === $page.params.id)?.title ?? data.title;
 </script>
 
+<svelte:head>
+	<title>{title}</title>
+</svelte:head>
+
 <ChatWindow
 	{loading}
 	{pending}

src/routes/r/[id]/+page.svelte

@@ -60,6 +60,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>{data.title}</title>
+</svelte:head>
+
 <ChatWindow
 	on:message={(ev) => createConversation(ev.detail)}
 	on:share={shareConversation}