1 files changed, 10 insertions, 6 deletions
diff --git a/src/lib/Tools/FollowFix.svelte b/src/lib/Tools/FollowFix.svelte
index b9fddeff..411b1a92 100644
--- a/src/lib/Tools/FollowFix.svelte
+++ b/src/lib/Tools/FollowFix.svelte
@@ -3,23 +3,27 @@
   import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
   import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
 
-  export let user: AniListAuthorisation;
+  interface Props {
+    user: AniListAuthorisation;
+  }
 
-  let input = '';
-  let submit = '';
+  let { user }: Props = $props();
+
+  let input = $state('');
+  let submit = $state('');
 </script>
 
 {#if user === undefined}
   <LogInRestricted />
 {:else}
   <p>
-    <!-- svelte-ignore missing-declaration -->
+    <!-- svelte-ignore missing_declaration -->
     <input
       type="text"
       minlength="1"
       placeholder="Username"
       bind:value={input}
-      on:keypress={(e) => {
+      onkeypress={(e) => {
         if (e.key === 'Enter') {
           submit = input;
 
@@ -28,7 +32,7 @@
         }
       }}
     />
-    <a href={'#'} on:click={() => (submit = input)}>
+    <a href={'#'} onclick={() => (submit = input)}>
       Toggle follow for {input.length === 0 ? '...' : input}
     </a>
   </p>