feat(web/m7-363): per-route svelte:head titles for static routes

Add browser tab titles to all 18 static page routes using the pageTitle()
helper from $lib/branding. Titles follow the Minstrel · Section format.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-03 17:37:13 -04:00
parent f31dbcc087
commit 9ad2e0343a
18 changed files with 54 additions and 0 deletions
+3
View File
@@ -1,4 +1,5 @@
<script lang="ts">
import { pageTitle } from '$lib/branding';
import { page } from '$app/state';
import { createSearchQuery } from '$lib/api/queries';
import ArtistCard from '$lib/components/ArtistCard.svelte';
@@ -32,6 +33,8 @@
}
</script>
<svelte:head><title>{pageTitle('Search')}</title></svelte:head>
<div class="space-y-6">
{#if !q}
<p class="text-text-secondary">
@@ -1,4 +1,5 @@
<script lang="ts">
import { pageTitle } from '$lib/branding';
import { page } from '$app/state';
import { createSearchAlbumsInfiniteQuery } from '$lib/api/queries';
import AlbumCard from '$lib/components/AlbumCard.svelte';
@@ -15,6 +16,8 @@
const showSkeleton = useDelayed(() => !!query?.isPending);
</script>
<svelte:head><title>{pageTitle('Search · Albums')}</title></svelte:head>
<div class="space-y-4">
<header>
<a href={`/search?q=${encodeURIComponent(q)}`} class="text-sm text-text-secondary hover:text-text-primary">
@@ -1,4 +1,5 @@
<script lang="ts">
import { pageTitle } from '$lib/branding';
import { page } from '$app/state';
import { createSearchArtistsInfiniteQuery } from '$lib/api/queries';
import ArtistCard from '$lib/components/ArtistCard.svelte';
@@ -15,6 +16,8 @@
const showSkeleton = useDelayed(() => !!query?.isPending);
</script>
<svelte:head><title>{pageTitle('Search · Artists')}</title></svelte:head>
<div class="space-y-4">
<header>
<a href={`/search?q=${encodeURIComponent(q)}`} class="text-sm text-text-secondary hover:text-text-primary">
@@ -1,4 +1,5 @@
<script lang="ts">
import { pageTitle } from '$lib/branding';
import { page } from '$app/state';
import { createSearchTracksInfiniteQuery } from '$lib/api/queries';
import TrackRow from '$lib/components/TrackRow.svelte';
@@ -21,6 +22,8 @@
}
</script>
<svelte:head><title>{pageTitle('Search · Tracks')}</title></svelte:head>
<div class="space-y-4">
<header>
<a href={`/search?q=${encodeURIComponent(q)}`} class="text-sm text-text-secondary hover:text-text-primary">