Update Page Title

Loudbooks · Dec 6, 2024 · 0c1f695 · 0c1f695
1 parent faffc48
commit 0c1f695
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/frontend/src/app.html b/frontend/src/app.html
@@ -30,7 +30,6 @@
       rel="stylesheet"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>PasteBook</title>
     <meta name="theme-color" content="#F4537C" />
     %sveltekit.head%
   </head>

diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
@@ -1,13 +1,18 @@
 <script lang="ts">
   import Toolbar from "../components/Toolbar.svelte";
   import { title, description } from "$lib/stores";
+    import { onMount } from "svelte";
 
   let { data }: { data: PageData } = $props();
   const newTitle = data.title || 'PasteBook';
   const newDescription = data.description || 'PasteBook is an aesthetic, effortless way to share your blocks of text, and respects your privacy by automatically deleting your pastes.';
 
   title.set(newTitle);
   description.set(newDescription);
+
+  onMount(() => {
+    document.title = newTitle;
+  });
 </script>
 
 <main>