refactor: Migrate event handlers to new Svelte 5 syntax

4 files changed, 17 insertions, 17 deletions

diff --git a/src/lib/Tools/Wrapped/Media.svelte b/src/lib/Tools/Wrapped/Media.svelte
index ea8a989b..90e0cde3 100644
--- a/src/lib/Tools/Wrapped/Media.svelte
+++ b/src/lib/Tools/Wrapped/Media.svelte
@@ -28,7 +28,7 @@
             )}
             alt="Highest Rated Anime Cover"
             class="cover-image"
-            on:load={updateWidth}
+            onload={updateWidth}
           />
         </a>
         <div>
@@ -67,7 +67,7 @@
             )}
             alt="Highest Rated Manga Cover"
             class="cover-image"
-            on:load={updateWidth}
+            onload={updateWidth}
           />
         </a>
         <div>
diff --git a/src/lib/Tools/Wrapped/MediaExtras.svelte b/src/lib/Tools/Wrapped/MediaExtras.svelte
index 9e755ea5..78b89e36 100644
--- a/src/lib/Tools/Wrapped/MediaExtras.svelte
+++ b/src/lib/Tools/Wrapped/MediaExtras.svelte
@@ -22,7 +22,7 @@
             src={proxy(topMedia.topGenreMedia.coverImage.extraLarge)}
             alt="Highest Rated Genre Cover"
             class="cover-image"
-            on:load={updateWidth}
+            onload={updateWidth}
           />
         </a>
         <div>
@@ -53,7 +53,7 @@
             src={proxy(topMedia.topTagMedia.coverImage.extraLarge)}
             alt="Highest Rated Tag Cover"
             class="cover-image"
-            on:load={updateWidth}
+            onload={updateWidth}
           />
         </a>
         <div>
diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte
index bc28f97e..3ec18494 100644
--- a/src/lib/Tools/Wrapped/Tool.svelte
+++ b/src/lib/Tools/Wrapped/Tool.svelte
@@ -890,7 +890,7 @@
             <div class="category-grid pure-category">
               <a
                 href={'#'}
-                on:click={(e) => {
+                onclick={(e) => {
                   e.preventDefault();
                   triggerFetch();
                 }}
@@ -922,11 +922,11 @@
       {/if}
 
       <div id="options" class="card">
-        <button on:click={screenshot} data-umami-event="Generate Wrapped"> Generate image </button>
+        <button onclick={screenshot} data-umami-event="Generate Wrapped"> Generate image </button>
         {#if !shouldFetchData}
-          <button on:click={triggerFetch} data-umami-event="Load Wrapped Data"> Load data </button>
+          <button onclick={triggerFetch} data-umami-event="Load Wrapped Data"> Load data </button>
         {:else if needsRefetch}
-          <button on:click={triggerFetch} data-umami-event="Refetch Wrapped Data">
+          <button onclick={triggerFetch} data-umami-event="Refetch Wrapped Data">
             Reload data
           </button>
         {/if}
@@ -970,9 +970,9 @@
             {/each}
           </select>
           Highest genre and tag count<br />
-          <button on:click={updateWidth}>Find best fit</button>
-          <button on:click={() => (width -= 25)}>-25px</button>
-          <button on:click={() => (width += 25)}>+25px</button>
+          <button onclick={updateWidth}>Find best fit</button>
+          <button onclick={() => (width -= 25)}>-25px</button>
+          <button onclick={() => (width += 25)}>+25px</button>
           Width adjustment<br />
         </details>
 
@@ -980,7 +980,7 @@
           <summary>Calculation</summary>
 
           <input type="checkbox" bind:checked={useFullActivityHistory} disabled={needsRefetch} />
-          Enable full-year activity<button class="smaller-button" on:click={pruneFullYear}
+          Enable full-year activity<button class="smaller-button" onclick={pruneFullYear}
             >Refresh data</button
           >
           <br />
@@ -997,7 +997,7 @@
             bind:value={startDateFilter}
             placeholder="Start date"
             disabled={needsRefetch}
-            on:change={() => {
+            onchange={() => {
               dateTicked = true;
 
               update();
@@ -1009,7 +1009,7 @@
             bind:value={endDateFilter}
             placeholder="End date"
             disabled={needsRefetch}
-            on:change={() => {
+            onchange={() => {
               dateTicked = true;
 
               update();
@@ -1037,12 +1037,12 @@
           <input
             type="text"
             bind:value={excludedKeywordsInput}
-            on:keypress={(e) => {
+            onkeypress={(e) => {
               e.key === 'Enter' && submitExcludedKeywords();
             }}
           />
           Excluded keywords
-          <button on:click={submitExcludedKeywords} title="Or click your Enter key" use:tooltip>
+          <button onclick={submitExcludedKeywords} title="Or click your Enter key" use:tooltip>
             Submit
           </button>
           <br />
diff --git a/src/lib/Tools/Wrapped/Top/Activity.svelte b/src/lib/Tools/Wrapped/Top/Activity.svelte
index a91bedfb..ea6ba592 100644
--- a/src/lib/Tools/Wrapped/Top/Activity.svelte
+++ b/src/lib/Tools/Wrapped/Top/Activity.svelte
@@ -15,7 +15,7 @@
 
 <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>