3 files changed, 21 insertions, 8 deletions
diff --git a/src/lib/Home/HeadTitle.svelte b/src/lib/Home/HeadTitle.svelte
index 39a65ccd..a87da69a 100644
--- a/src/lib/Home/HeadTitle.svelte
+++ b/src/lib/Home/HeadTitle.svelte
@@ -1,6 +1,10 @@
 <script lang="ts">
-  export let route: string | undefined = undefined;
-  export let path = '/';
+  interface Props {
+    route?: string | undefined;
+    path?: string;
+  }
+
+  let { route = undefined, path = '/' }: Props = $props();
 
   const title = (route ? `${route} • ` : '') + 'due.moe';
 </script>
diff --git a/src/lib/Home/LastActivity.svelte b/src/lib/Home/LastActivity.svelte
index 000c7f7b..cdbf4d44 100644
--- a/src/lib/Home/LastActivity.svelte
+++ b/src/lib/Home/LastActivity.svelte
@@ -5,9 +5,13 @@
   import { lastActivityDate } from '../Data/AniList/activity';
   import settings from '$stores/settings';
 
-  export let user: AniListAuthorisation;
+  interface Props {
+    user: AniListAuthorisation;
+  }
 
-  let lastActivityWasToday = true;
+  let { user }: Props = $props();
+
+  let lastActivityWasToday = $state(true);
 
   onMount(async () => {
     if (user !== undefined && !$settings.displayDisableLastActivityWarning) {
diff --git a/src/lib/Home/Root.svelte b/src/lib/Home/Root.svelte
index bc1bdea9..e17f9a77 100644
--- a/src/lib/Home/Root.svelte
+++ b/src/lib/Home/Root.svelte
@@ -2,14 +2,19 @@
   import settings from '$stores/settings';
   import { fly } from 'svelte/transition';
 
-  export let data: any;
-  export let way: number;
+  interface Props {
+    data: any;
+    way: number;
+    children?: import('svelte').Snippet;
+  }
+
+  let { data, way, children }: Props = $props();
 
   const animationDelay = 100;
 </script>
 
 {#if $settings.displayDisableAnimations}
-  <slot />
+  {@render children?.()}
 {:else}
   {#key data.url}
     <div
@@ -20,7 +25,7 @@
       }}
       out:fly={{ x: -way, duration: animationDelay }}
     >
-      <slot />
+      {@render children?.()}
     </div>
   {/key}
 {/if}