3 files changed, 29 insertions, 11 deletions
diff --git a/src/lib/Tools/Wrapped/Top/Activity.svelte b/src/lib/Tools/Wrapped/Top/Activity.svelte
index a91bedfb..27dea6a2 100644
--- a/src/lib/Tools/Wrapped/Top/Activity.svelte
+++ b/src/lib/Tools/Wrapped/Top/Activity.svelte
@@ -4,18 +4,28 @@
   import type { Wrapped } from '$lib/Data/AniList/wrapped';
   import proxy from '$lib/Utility/proxy';
 
-  export let wrapped: Wrapped;
-  export let year: number;
-  export let activities: ActivityHistoryEntry[];
-  export let useFullActivityHistory: boolean;
-  export let updateWidth: () => void;
+  interface Props {
+    wrapped: Wrapped;
+    year: number;
+    activities: ActivityHistoryEntry[];
+    useFullActivityHistory: boolean;
+    updateWidth: () => void;
+  }
+
+  let {
+    wrapped,
+    year,
+    activities,
+    useFullActivityHistory,
+    updateWidth
+  }: Props = $props();
 
   const currentYear = new Date(Date.now()).getFullYear();
 </script>
 
 <div class="grid-item image-grid avatar-grid category top-category">
   <a href={`https://anilist.co/user/${$identity.name}`} target="_blank">
-    <img src={proxy(wrapped.avatar.large)} alt="User Avatar" on:load={updateWidth} />
+    <img src={proxy(wrapped.avatar.large)} alt="User Avatar" onload={updateWidth} />
   </a>
   <div>
     <div>
diff --git a/src/lib/Tools/Wrapped/Top/Anime.svelte b/src/lib/Tools/Wrapped/Top/Anime.svelte
index 08df7fd3..275adadf 100644
--- a/src/lib/Tools/Wrapped/Top/Anime.svelte
+++ b/src/lib/Tools/Wrapped/Top/Anime.svelte
@@ -1,9 +1,13 @@
 <script lang="ts">
   import type { Media } from '$lib/Data/AniList/media';
 
-  export let minutesWatched: number;
-  export let animeList: Media[] | undefined;
-  export let episodes: number;
+  interface Props {
+    minutesWatched: number;
+    animeList: Media[] | undefined;
+    episodes: number;
+  }
+
+  let { minutesWatched, animeList, episodes }: Props = $props();
 </script>
 
 <div class="category-grid pure-category category top-category">
diff --git a/src/lib/Tools/Wrapped/Top/Manga.svelte b/src/lib/Tools/Wrapped/Top/Manga.svelte
index a36f7724..a49d1067 100644
--- a/src/lib/Tools/Wrapped/Top/Manga.svelte
+++ b/src/lib/Tools/Wrapped/Top/Manga.svelte
@@ -2,8 +2,12 @@
   import type { Media } from '$lib/Data/AniList/media';
   import { estimatedDayReading } from '$lib/Media/Manga/time';
 
-  export let mangaList: Media[] | undefined;
-  export let chapters: number;
+  interface Props {
+    mangaList: Media[] | undefined;
+    chapters: number;
+  }
+
+  let { mangaList, chapters }: Props = $props();
 </script>
 
 <div class="category-grid pure-category category top-category">