From 428d1a019039c4fbe1a9c0b4002c7b402110da19 Mon Sep 17 00:00:00 2001
From: Kyohei Uto <im@kyoheiu.dev>
Date: Sat, 11 Nov 2023 05:53:03 +0900
Subject: [PATCH] Add viewTransition

---
 src/routes/+layout.svelte | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 886a7a1..94efc29 100644
--- 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 />