Update page titles to be more distinguishable across docs sections

Co-authored-by: teemingc <[email protected]>

Author: Copilot

apps/svelte.dev/src/lib/server/llms.ts

@@ -66,9 +66,15 @@ export function generate_llm_content(options: GenerateLlmContentOptions): string
 export const topics: Topic[] = [
 	{ slug: 'svelte', title: 'Svelte' },
 	{ slug: 'kit', title: 'SvelteKit' },
-	{ slug: 'cli', title: 'the Svelte CLI' }
+	{ slug: 'cli', title: 'Svelte CLI' },
+	{ slug: 'mcp', title: 'Svelte MCP' }
 ];
 
+export function get_topic_title(slug: string): string {
+	const topic = topics.find((t) => t.slug === slug);
+	return topic?.title ?? 'Svelte';
+}
+
 export function get_documentation_title(topic: Topic): string {
 	return `This is the developer documentation for ${topic.title}.`;
 }

apps/svelte.dev/src/routes/docs/[topic]/[...path]/+page.svelte

@@ -22,6 +22,16 @@
 		return `https://github.com/sveltejs/${name}/edit/main/documentation/${link}`;
 	});
 
+	// Map topic slug to readable title
+	const topicTitles: Record<string, string> = {
+		svelte: 'Svelte',
+		kit: 'SvelteKit',
+		cli: 'Svelte CLI',
+		mcp: 'Svelte MCP'
+	};
+
+	const topicTitle = $derived(topicTitles[page.params.topic] || 'Svelte');
+
 	onMount(() => {
 		// hash was lowercase in v4 docs and varying case in v5 docs
 		const hash = location.hash.slice(1);
@@ -58,15 +68,15 @@
 </script>
 
 <svelte:head>
-	<title>{data.document.metadata.title} • Docs • Svelte</title>
+	<title>{data.document.metadata.title} - {topicTitle}</title>
 
-	<meta name="twitter:title" content="{data.document.metadata.title} • Docs • Svelte" />
+	<meta name="twitter:title" content="{data.document.metadata.title} - {topicTitle}" />
 	<meta
 		name="twitter:description"
-		content="{data.document.metadata.title} • Svelte documentation"
+		content="{data.document.metadata.title} • {topicTitle} documentation"
 	/>
 	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="description" content="{data.document.metadata.title} • Svelte documentation" />
+	<meta name="description" content="{data.document.metadata.title} • {topicTitle} documentation" />
 	<meta
 		name="twitter:image"
 		content="https://svelte.dev/docs/{page.params.topic}/{page.params.path}/card.png"