refactor(home): move layout to home

1 files changed, 26 insertions, 0 deletions

diff --git a/src/lib/Home/Root.svelte b/src/lib/Home/Root.svelte
new file mode 100644
index 00000000..d65a9832
--- /dev/null
+++ b/src/lib/Home/Root.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import settings from '$stores/settings';
+	import { fly } from 'svelte/transition';
+
+	export let data: any;
+	export let way: number;
+
+	const animationDelay = 100;
+</script>
+
+{#if $settings.displayDisableAnimations}
+	<slot />
+{:else}
+	{#key data.url}
+		<div
+			in:fly={{
+				x: way,
+				duration: animationDelay,
+				delay: animationDelay
+			}}
+			out:fly={{ x: -way, duration: animationDelay }}
+		>
+			<slot />
+		</div>
+	{/key}
+{/if}