1 files changed, 12 insertions, 8 deletions
diff --git a/src/lib/Tools/ActivityHistory/Tool.svelte b/src/lib/Tools/ActivityHistory/Tool.svelte
index b6e66a5e..07b2096a 100644
--- a/src/lib/Tools/ActivityHistory/Tool.svelte
+++ b/src/lib/Tools/ActivityHistory/Tool.svelte
@@ -14,10 +14,14 @@
   import Skeleton from '$lib/Loading/Skeleton.svelte';
   import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
 
-  export let user: AniListAuthorisation;
+  interface Props {
+    user: AniListAuthorisation;
+  }
 
-  let activityHistoryData: Promise<ActivityHistoryEntry[]>;
-  let generated = false;
+  let { user }: Props = $props();
+
+  let activityHistoryData: Promise<ActivityHistoryEntry[]> = $state();
+  let generated = $state(false);
 
   onMount(async () => {
     clearAllParameters();
@@ -79,18 +83,18 @@
       <div class="card">
         <ActivityHistoryGrid {user} />
 
-        <p />
+        <p></p>
 
-        <div id="grid-final" />
+        <div id="grid-final"></div>
 
         {#if generated}
-          <p />
+          <p></p>
         {/if}
 
-        <button on:click={screenshot}>Generate grid image</button>
+        <button onclick={screenshot}>Generate grid image</button>
       </div>
 
-      <p />
+      <p></p>
 
       <details open>
         <summary>Days in risk of developing an activity history hole</summary>