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
@@ -1,4 +1,5 @@
<script lang="ts">
import { pageTitle } from '$lib/branding';
import { createAlbumsAlphaInfiniteQuery } from '$lib/api/albums';
import AlbumCard from '$lib/components/AlbumCard.svelte';
import AlphabeticalGrid from '$lib/components/AlphabeticalGrid.svelte';
@@ -14,6 +15,8 @@
const showSkeleton = useDelayed(() => query.isPending);
</script>
<svelte:head><title>{pageTitle('Library · Albums')}</title></svelte:head>
<div class="space-y-4">
<header>
<h1 class="font-display text-2xl font-medium text-text-primary">Albums</h1>
@@ -1,4 +1,5 @@
<script lang="ts">
import { pageTitle } from '$lib/branding';
import { createArtistsQuery } from '$lib/api/queries';
import ArtistCard from '$lib/components/ArtistCard.svelte';
import AlphabeticalGrid from '$lib/components/AlphabeticalGrid.svelte';
@@ -14,6 +15,8 @@
const showSkeleton = useDelayed(() => query.isPending);
</script>
<svelte:head><title>{pageTitle('Library · Artists')}</title></svelte:head>
<div class="space-y-4">
<header>
<h1 class="font-display text-2xl font-medium text-text-primary">Artists</h1>
@@ -1,4 +1,5 @@
<script lang="ts">
import { pageTitle } from '$lib/branding';
import { Music2, RotateCcw } from 'lucide-svelte';
import { useQueryClient } from '@tanstack/svelte-query';
import { createMyQuarantineQuery, unflagTrack } from '$lib/api/quarantine';
@@ -40,6 +41,8 @@
}
</script>
<svelte:head><title>{pageTitle('Library · Hidden')}</title></svelte:head>
<div class="space-y-6">
<header class="space-y-1">
<h2 class="font-display text-2xl font-medium text-text-primary">Hidden</h2>
@@ -1,4 +1,5 @@
<script lang="ts">
import { pageTitle } from '$lib/branding';
import {
createLikedTracksInfiniteQuery,
createLikedAlbumsInfiniteQuery,
@@ -25,6 +26,8 @@
const tracksTotal = $derived(tracksQuery?.data?.pages?.[0]?.total ?? 0);
</script>
<svelte:head><title>{pageTitle('Library · Liked')}</title></svelte:head>
<div class="space-y-6">
<h1 class="text-2xl font-semibold">Liked</h1>