Add viewTransition

kyoheiu · Nov 10, 2023 · 428d1a0 · 428d1a0
1 parent a468f0e
commit 428d1a0
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,6 +1,19 @@
 <script>
 	import { Toaster } from 'svelte-french-toast';
 	import '../app.css';
+
+	import { onNavigate } from '$app/navigation';
+
+	onNavigate((navigation) => {
+		if (!document.startViewTransition) return;
+
+		return new Promise((resolve) => {
+			document.startViewTransition(async () => {
+				resolve();
+				await navigation.complete;
+			});
+		});
+	});
 </script>
 
 <Toaster />