feat: update to svelte 5svelte-5

1 files changed, 16 insertions, 6 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>