refactor: Migrate event handlers to new Svelte 5 syntax

3 files changed, 10 insertions, 13 deletions

diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte
index 46aa2d46..2f4d65c7 100644
--- a/src/lib/User/BadgeWall/BadgePreview.svelte
+++ b/src/lib/User/BadgeWall/BadgePreview.svelte
@@ -106,7 +106,7 @@
     <div class="badge-preview-badge">
       {#if selectedBadge.image}
         <div role="img" class="badge-container">
-          <a href={'#'} on:click={onClick} class="badge-container-image">
+          <a href={'#'} onclick={onClick} class="badge-container-image">
             <ParallaxImage
               {source}
               alternativeText="selectedBadge.description"
@@ -184,10 +184,7 @@
       {#if selectedBadge.category}
         <b>Category:</b>
 
-        <a
-          href={`?category=${selectedBadge.category}`}
-          on:click={() => (selectedBadge = undefined)}
-        >
+        <a href={`?category=${selectedBadge.category}`} onclick={() => (selectedBadge = undefined)}>
           {selectedBadge.category}
         </a>
 
@@ -201,11 +198,11 @@
 
       <div class="badge-preview-seek">
         {#if hasPrevious}
-          <button on:click={onPrevious}>Previous</button>
+          <button onclick={onPrevious}>Previous</button>
         {/if}
 
         {#if hasNext}
-          <button on:click={onNext} style="float: right;">Next</button>
+          <button onclick={onNext} style="float: right;">Next</button>
         {/if}
       </div>
     </div>
diff --git a/src/lib/User/BadgeWall/Badges.svelte b/src/lib/User/BadgeWall/Badges.svelte
index e7e1e9f3..99d500da 100644
--- a/src/lib/User/BadgeWall/Badges.svelte
+++ b/src/lib/User/BadgeWall/Badges.svelte
@@ -22,7 +22,7 @@
   <div class="card">
     No due.moe registered badges found for this user. <a
       href={'#'}
-      on:click={(e) => e.preventDefault()}
+      onclick={(e) => e.preventDefault()}
       title="This alert does not include AWC badges."
       use:tooltip>?</a
     >
@@ -55,7 +55,7 @@
             >
               <a
                 href={`#`}
-                on:click={() => {
+                onclick={() => {
                   selectedBadge = badge;
 
                   const hiddenInput = document.querySelector('input[name="hidden"]');
diff --git a/src/lib/User/BadgeWall/FallbackBadge.svelte b/src/lib/User/BadgeWall/FallbackBadge.svelte
index 35a50a7d..3155acc5 100644
--- a/src/lib/User/BadgeWall/FallbackBadge.svelte
+++ b/src/lib/User/BadgeWall/FallbackBadge.svelte
@@ -82,9 +82,9 @@
       href={awc ? badgeToAny(badge).link : '#'}
       target="_blank"
       class="badge-container badge"
-      on:mousemove={handleMouseMove}
-      on:mouseleave={handleMouseLeave}
-      on:click={(e) => {
+      onmousemove={handleMouseMove}
+      onmouseleave={handleMouseLeave}
+      onclick={(e) => {
         if (!awc) {
           e.preventDefault();
 
@@ -100,7 +100,7 @@
         bind:this={badgeReference}
         style="transform: perspective(1000px) rotateX({$mouse.y / 10}deg) rotateY({-$mouse.x /
           10}deg); ${style}"
-        on:error={(e) => delayedReplace(e, fallback)}
+        onerror={(e) => delayedReplace(e, fallback)}
       />
     </a>
   </Tooltip>