feat: use corrected dynamic head from gleich/ui

Signed-off-by: Matt Gleich <git@mattglei.ch>

Author: gleich

package.json

@@ -16,19 +16,19 @@
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.2.9",
-		"@eslint/js": "^9.26.0",
-		"@gleich/ui": "^1.2.6",
+		"@eslint/js": "^9.27.0",
+		"@gleich/ui": "^1.2.7",
 		"@sveltejs/adapter-cloudflare": "^7.0.3",
-		"@sveltejs/kit": "^2.21.0",
+		"@sveltejs/kit": "^2.21.1",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"dayjs": "^1.11.13",
-		"eslint": "^9.26.0",
+		"eslint": "^9.27.0",
 		"eslint-config-prettier": "^10.1.5",
-		"eslint-plugin-svelte": "^3.7.0",
+		"eslint-plugin-svelte": "^3.8.2",
 		"globals": "^16.1.0",
 		"prettier": "^3.5.3",
 		"prettier-plugin-svelte": "^3.4.0",
-		"svelte": "^5.30.1",
+		"svelte": "^5.32.1",
 		"svelte-check": "^4.2.1",
 		"typescript": "^5.8.3",
 		"typescript-eslint": "^8.32.1",

pnpm-lock.yaml

@@ -13,7 +13,12 @@
 	const { writing, children }: { writing: WritingData; children: Snippet } = $props();
 </script>
 
-<DynamicHead title={writing.title} description={writing.description} keywords={writing.keywords} />
+<DynamicHead
+	title={writing.title}
+	description={writing.description}
+	keywords={writing.keywords}
+	siteName="mattglei.ch"
+/>
 
 <div class="container">
 	<h2>{writing.title}</h2>

src/lib/writing/writing.svelte

@@ -6,6 +6,7 @@
 <DynamicHead
 	title={`${page.status} ${page.error?.message}`}
 	description="Error occurred while trying to load page"
+	siteName="mattglei.ch"
 />
 
 <main>

src/routes/+error.svelte

@@ -15,6 +15,7 @@
 <DynamicHead
 	title="Matt Gleich"
 	description="3rd year computer science at the Rochester Institute of Technology (RIT)"
+	siteName="mattglei.ch"
 />
 
 <Intro />

src/routes/+page.svelte

@@ -15,9 +15,10 @@
 		title={`${data.playlist.name} playlist`}
 		description={`${data.playlist.tracks.length} tracks`}
 		opengraphImage={{ url: data.playlist.tracks[0].album_art_url, height: '600', width: '600' }}
+		siteName="mattglei.ch"
 	/>
 {:else}
-	<DynamicHead title="404 Not found" description="Playlist not found" />
+	<DynamicHead title="404 Not found" description="Playlist not found" siteName="mattglei.ch" />
 {/if}
 
 {#if data.playlist}

src/routes/music/playlist/[playlistID]/+page.svelte

@@ -5,7 +5,11 @@
 	import { DynamicHead } from '@gleich/ui';
 </script>
 
-<DynamicHead title="Photos" description="Photos gallery taken with my Nikon Z7II" />
+<DynamicHead
+	title="Photos"
+	description="Photos gallery taken with my Nikon Z7II"
+	siteName="mattglei.ch"
+/>
 
 <main>
 	<h2>Photo Gallery</h2>

src/routes/photos/+page.svelte

@@ -9,7 +9,11 @@
 	const { data }: { data: WorkoutData } = $props();
 </script>
 
-<DynamicHead title="Workouts" description="Recent workouts from Hevy/Strava" />
+<DynamicHead
+	title="Workouts"
+	description="Recent workouts from Hevy/Strava"
+	siteName="mattglei.ch"
+/>
 
 {#if data.workouts}
 	<h2>Workouts</h2>

src/routes/workouts/+page.svelte

@@ -3,7 +3,7 @@
 	import writings from './writings';
 </script>
 
-<DynamicHead title="Writing" description="Matt Gleich's writings" />
+<DynamicHead title="Writing" description="Matt Gleich's writings" siteName="mattglei.ch" />
 
 <h2>Writing</h2>