From 140b312916d90cce286773be224fd3d146a2a4bf Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Tue, 19 Sep 2023 12:48:39 +1200
Subject: [PATCH] Renaming transition and adding to the auth layout.

---
 .../{transition/index.svelte => transition.svelte}       | 2 +-
 src/routes/(app)/+layout.svelte                          | 2 +-
 src/routes/(auth)/+layout.server.ts                      | 9 +++++++++
 src/routes/(auth)/+layout.svelte                         | 8 ++++++--
 4 files changed, 17 insertions(+), 4 deletions(-)
 rename src/lib/components/{transition/index.svelte => transition.svelte} (96%)
 create mode 100644 src/routes/(auth)/+layout.server.ts

diff --git a/src/lib/components/transition/index.svelte b/src/lib/components/transition.svelte
similarity index 96%
rename from src/lib/components/transition/index.svelte
rename to src/lib/components/transition.svelte
index 4da06e5..b9f085e 100644
--- a/src/lib/components/transition/index.svelte
+++ b/src/lib/components/transition.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { fade, fly } from 'svelte/transition';
+  import { fade } from 'svelte/transition';
 
   interface Transition {
     type: 'fade' | 'stagger' | 'page';
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 2f3b8c7..583c71c 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import 'iconify-icon';
-	import Transition from '$lib/components/transition/index.svelte';
+	import Transition from '$lib/components/transition.svelte';
 	import Header from '$lib/components/header/index.svelte';
 	import Footer from '$lib/components/footer.svelte';
 
diff --git a/src/routes/(auth)/+layout.server.ts b/src/routes/(auth)/+layout.server.ts
new file mode 100644
index 0000000..74051e3
--- /dev/null
+++ b/src/routes/(auth)/+layout.server.ts
@@ -0,0 +1,9 @@
+import { loadFlash } from 'sveltekit-flash-message/server';
+import type { LayoutServerLoad } from './$types';
+
+export const load: LayoutServerLoad = loadFlash(async ({ url, locals }) => {
+	return {
+		url: url.pathname,
+		user: locals.user
+	};
+});
diff --git a/src/routes/(auth)/+layout.svelte b/src/routes/(auth)/+layout.svelte
index a14bbb8..2c58333 100644
--- a/src/routes/(auth)/+layout.svelte
+++ b/src/routes/(auth)/+layout.svelte
@@ -2,6 +2,9 @@
 	import { page } from "$app/stores";
 	import { Button } from "$lib/components/ui/button";
 	import Logo from "$lib/components/logo.svelte";
+	import Transition from '$lib/components/transition.svelte';
+
+	export let data;
 </script>
 
 <div class="container">
@@ -38,9 +41,10 @@
 			</blockquote>
 		</div>
 	</div>
-
 	<div class="auth-form">
-		<slot />
+		<Transition url={data.url} transition={{ type: 'page' }}>
+			<slot />
+		</Transition>
 	</div>
 </div>