feat: update to svelte 5svelte-5

1 files changed, 19 insertions, 7 deletions

diff --git a/src/lib/List/CleanList.svelte b/src/lib/List/CleanList.svelte
index 47811932..46946973 100644
--- a/src/lib/List/CleanList.svelte
+++ b/src/lib/List/CleanList.svelte
@@ -5,11 +5,23 @@
   import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte';
   import settings from '$stores/settings';
 
-  export let media: Media[];
-  export let type: 'anime' | 'manga';
-  export let upcoming = false;
-  export let notYetReleased = false;
-  export let lastUpdatedMedia: number;
+  interface Props {
+    media: Media[];
+    type: 'anime' | 'manga';
+    upcoming?: boolean;
+    notYetReleased?: boolean;
+    lastUpdatedMedia: number;
+    information?: import('svelte').Snippet<[any]>;
+  }
+
+  let {
+    media,
+    type,
+    upcoming = false,
+    notYetReleased = false,
+    lastUpdatedMedia,
+    information
+  }: Props = $props();
 </script>
 
 <ul>
@@ -32,7 +44,7 @@
               href={$settings.displayCopyMediaTitleNotLink
                 ? '#'
                 : outboundLink(title, type, $settings.displayOutboundLinksTo)}
-              on:click={(e) => {
+              onclick={(e) => {
                 if ($settings.displayCopyMediaTitleNotLink) {
                   e.preventDefault();
 
@@ -54,7 +66,7 @@
             [<a href={`https://anilist.co/${type}/${title.id}/social`} target="_blank">S</a>]
           {/if}
 
-          <slot name="information" {progress} {title} />
+          {@render information?.({ progress, title, })}
         </span>
       </li>
     {/if}