1 files changed, 29 insertions, 14 deletions
diff --git a/src/lib/List/Anime/AnimeListTemplate.svelte b/src/lib/List/Anime/AnimeListTemplate.svelte
index 08583d7c..8b105df5 100644
--- a/src/lib/List/Anime/AnimeListTemplate.svelte
+++ b/src/lib/List/Anime/AnimeListTemplate.svelte
@@ -14,26 +14,41 @@
   import subsPlease from '$stores/subsPlease';
   import identity from '$stores/identity';
 
-  export let endTime: number;
-  export let cleanMedia: (
+  interface Props {
+    endTime: number;
+    cleanMedia: (
     media: Media[],
     displayUnresolved: boolean,
     subsPlease: SubsPlease | null,
     plannedOnly?: boolean
   ) => Media[];
-  export let animeLists: Promise<Media[]>;
-  export let user: AniListAuthorisation;
-  export let title: any;
-  export let completed = false;
-  export let plannedOnly = false;
-  export let upcoming = false;
-  export let notYetReleased = false;
-  export let dummy = false;
+    animeLists: Promise<Media[]>;
+    user: AniListAuthorisation;
+    title: any;
+    completed?: boolean;
+    plannedOnly?: boolean;
+    upcoming?: boolean;
+    notYetReleased?: boolean;
+    dummy?: boolean;
+  }
 
-  let lastUpdatedMedia = -1;
-  let previousAnimeList: Media[];
-  let pendingUpdate: number | null = null;
-  let lastListSize = 8;
+  let {
+    endTime,
+    cleanMedia,
+    animeLists = $bindable(),
+    user,
+    title,
+    completed = false,
+    plannedOnly = false,
+    upcoming = false,
+    notYetReleased = false,
+    dummy = false
+  }: Props = $props();
+
+  let lastUpdatedMedia = $state(-1);
+  let previousAnimeList: Media[] = $state();
+  let pendingUpdate: number | null = $state(null);
+  let lastListSize = $state(8);
 
   onMount(() => {
     if (browser) {