From 69753f974994b49b2df059f9b5b401d14db4a8fa Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 23 Jan 2026 02:20:50 -0800
Subject: refactor: Migrate event handlers to new Svelte 5 syntax

---
 src/lib/List/Anime/CleanAnimeList.svelte    |  6 +++---
 src/lib/List/CleanGrid.svelte               |  2 +-
 src/lib/List/CleanList.svelte               |  2 +-
 src/lib/List/Manga/CleanMangaList.svelte    | 10 +++++-----
 src/lib/List/Manga/MangaListTemplate.svelte |  6 +++---
 5 files changed, 13 insertions(+), 13 deletions(-)

(limited to 'src/lib/List')

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 1a3cd7cc..b7b7a6cb 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -148,7 +148,7 @@
 />
 
 {#if media.length === 0}
-  No anime to display. <button on:click={() => (animeLists = cleanCache(user, $identity))}>
+  No anime to display. <button onclick={() => (animeLists = cleanCache(user, $identity))}>
     Force refresh
   </button>
 {:else if $settings.displayMediaListFilter && !disableFilter}
@@ -178,7 +178,7 @@
         <button
           class={`button-square button-action ${pendingUpdate === anime.id ? 'opaque' : ''}`}
           style={pendingUpdate === anime.id ? 'pointer-events: none;' : ''}
-          on:click={() => increment(anime, progress)}>+</button
+          onclick={() => increment(anime, progress)}>+</button
         >
         {#if !completed || dummy}
           [{anime.nextAiringEpisode?.episode === -1
@@ -211,7 +211,7 @@
         <button
           class={`button-square button-action ${pendingUpdate === anime.id ? 'opaque' : ''}`}
           style={pendingUpdate === anime.id ? 'pointer-events: none;' : ''}
-          on:click={() => increment(anime, progress)}>+</button
+          onclick={() => increment(anime, progress)}>+</button
         >
         {#if !completed}
           [{anime.nextAiringEpisode?.episode === -1
diff --git a/src/lib/List/CleanGrid.svelte b/src/lib/List/CleanGrid.svelte
index 1bd65feb..119e4d71 100644
--- a/src/lib/List/CleanGrid.svelte
+++ b/src/lib/List/CleanGrid.svelte
@@ -38,7 +38,7 @@
               href={$settings.displayCopyMediaTitleNotLink
                 ? '#'
                 : outboundLink(title, type, $settings.displayOutboundLinksTo)}
-              on:click={(e) => {
+              onclick={(e) => {
                 if ($settings.displayCopyMediaTitleNotLink) {
                   e.preventDefault();
 
diff --git a/src/lib/List/CleanList.svelte b/src/lib/List/CleanList.svelte
index 79011ea8..63656ab3 100644
--- a/src/lib/List/CleanList.svelte
+++ b/src/lib/List/CleanList.svelte
@@ -35,7 +35,7 @@
               href={$settings.displayCopyMediaTitleNotLink
                 ? '#'
                 : outboundLink(title, type, $settings.displayOutboundLinksTo)}
-              on:click={(e) => {
+              onclick={(e) => {
                 if ($settings.displayCopyMediaTitleNotLink) {
                   e.preventDefault();
 
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index a4159dfa..ecf7fa5a 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -93,7 +93,7 @@
       <button
         class="small-button"
         title="Force a full refresh"
-        on:click={cleanCache}
+        onclick={cleanCache}
         data-umami-event="Force Refresh Manga">Refresh</button
       >
     {/if}
@@ -129,14 +129,14 @@
   {/if}
 
   <p>
-    No manga to display. <button on:click={cleanCache} data-umami-event="Force Refresh No Manga"
+    No manga to display. <button onclick={cleanCache} data-umami-event="Force Refresh No Manga"
       >Force refresh</button
     >
   </p>
 
   <span>
     Don't read manga? <button
-      on:click={() => ($settings.disableManga = true)}
+      onclick={() => ($settings.disableManga = true)}
       data-umami-event="Disable No Manga">Hide the manga panel</button
     >
     You can re-enable it later in the <a href={root('/settings')}>Settings</a>.
@@ -162,7 +162,7 @@
       <button
         class={`button-square button-action ${pendingUpdate === manga.id ? 'opaque' : ''}`}
         style={pendingUpdate === manga.id ? 'pointer-events: none;' : ''}
-        on:click={() => increment(manga)}
+        onclick={() => increment(manga)}
       >
         +
       </button>
@@ -190,7 +190,7 @@
       <button
         class={`button-square button-action ${pendingUpdate === manga.id ? 'opaque' : ''}`}
         style={pendingUpdate === manga.id ? 'pointer-events: none;' : ''}
-        on:click={() => increment(manga)}
+        onclick={() => increment(manga)}
       >
         +
       </button>
diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte
index 83c491c8..3fee9f6a 100644
--- a/src/lib/List/Manga/MangaListTemplate.svelte
+++ b/src/lib/List/Manga/MangaListTemplate.svelte
@@ -276,7 +276,7 @@
           <button
             data-umami-event="Force Refresh Manga"
             title="Force a full refresh"
-            on:click={() => {
+            onclick={() => {
               cleanCache();
 
               forceFlag = true;
@@ -324,7 +324,7 @@
             <button
               data-umami-event="Force Refresh Manga"
               title="Force a full refresh"
-              on:click={() => {
+              onclick={() => {
                 cleanCache();
 
                 forceFlag = true;
@@ -356,7 +356,7 @@
           <button
             data-umami-event="Force Refresh Manga"
             title="Force a full refresh"
-            on:click={() => {
+            onclick={() => {
               cleanCache();
 
               forceFlag = true;
-- 
cgit v1.2.3