Add View Transitions

watsonindustries · Jun 23, 2024 · f43128c · f43128c
1 parent 7db2b37
commit f43128c
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import '../app.css';
 
+	import { onNavigate } from '$app/navigation';
 	import { setToast, toastStore } from '$lib/stores/toasts';
 	import { userToken } from '$lib/stores/userinfo';
 
@@ -20,10 +21,21 @@
 			Object.assign(window, {
 				setToast: setToast,
 				saveStamp: saveStamp,
-				collectedStamps: collectedStamps,
+				collectedStamps: collectedStamps
 			});
 		}
 	});
+
+	onNavigate((navigation) => {
+		if (!document.startViewTransition) return;
+
+		return new Promise((resolve) => {
+			document.startViewTransition(async () => {
+				resolve();
+				await navigation.complete;
+			});
+		});
+	});
 </script>
 
 <Navigation>