1 files changed, 23 insertions, 10 deletions
diff --git a/src/lib/Tools/Wrapped/Media.svelte b/src/lib/Tools/Wrapped/Media.svelte
index ea8a989b..7f8d4f66 100644
--- a/src/lib/Tools/Wrapped/Media.svelte
+++ b/src/lib/Tools/Wrapped/Media.svelte
@@ -4,14 +4,27 @@
   import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte';
   import proxy from '$lib/Utility/proxy';
 
-  export let animeList: Media[] | undefined;
-  export let mangaList: Media[] | undefined;
-  export let wrapped: Wrapped;
-  export let updateWidth: () => void;
-  export let highestRatedMediaPercentage: boolean;
-  export let highestRatedCount: number;
-  export let animeMostTitle: string;
-  export let mangaMostTitle: string;
+  interface Props {
+    animeList: Media[] | undefined;
+    mangaList: Media[] | undefined;
+    wrapped: Wrapped;
+    updateWidth: () => void;
+    highestRatedMediaPercentage: boolean;
+    highestRatedCount: number;
+    animeMostTitle: string;
+    mangaMostTitle: string;
+  }
+
+  let {
+    animeList,
+    mangaList,
+    wrapped,
+    updateWidth,
+    highestRatedMediaPercentage,
+    highestRatedCount,
+    animeMostTitle,
+    mangaMostTitle
+  }: Props = $props();
 </script>
 
 {#if animeList !== undefined || mangaList !== undefined}
@@ -28,7 +41,7 @@
             )}
             alt="Highest Rated Anime Cover"
             class="cover-image"
-            on:load={updateWidth}
+            onload={updateWidth}
           />
         </a>
         <div>
@@ -67,7 +80,7 @@
             )}
             alt="Highest Rated Manga Cover"
             class="cover-image"
-            on:load={updateWidth}
+            onload={updateWidth}
           />
         </a>
         <div>