Scope view transitions to /blog routes

sites/svelte.dev/src/routes/+layout.svelte

@@ -4,21 +4,9 @@
 	import { Icon, Shell } from '@sveltejs/site-kit/components';
 	import { Nav, Separator } from '@sveltejs/site-kit/nav';
 	import { Search, SearchBox } from '@sveltejs/site-kit/search';
-	import { onNavigate } from '$app/navigation';
 	import '@sveltejs/site-kit/styles/index.css';
 
 	export let data;
-
-	onNavigate((navigation) => {
-		if (!document.startViewTransition) return;
-
-		return new Promise((resolve) => {
-			document.startViewTransition(async () => {
-				resolve();
-				await navigation.complete;
-			});
-		});
-	});
 </script>
 
 <svelte:head>

sites/svelte.dev/src/routes/blog/+layout.svelte

@@ -0,0 +1,16 @@
+<script>
+	import { onNavigate } from '$app/navigation';
+
+	onNavigate((navigation) => {
+		if (!document.startViewTransition) return;
+
+		return new Promise((resolve) => {
+			document.startViewTransition(async () => {
+				resolve();
+				await navigation.complete;
+			});
+		});
+	});
+</script>
+
+<slot />