From 39b677404558ae3b7eb34e818d7ca308f62f9cb0 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 28 Oct 2024 15:32:46 -0700
Subject: feat: update to svelte 5

---
 src/lib/Tools/Wrapped/Media.svelte | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

(limited to 'src/lib/Tools/Wrapped/Media.svelte')

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>
-- 
cgit v1.2.3

