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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user