1 files changed, 12 insertions, 12 deletions
diff --git a/src/lib/Tools/Tracker/Tool.svelte b/src/lib/Tools/Tracker/Tool.svelte
index 8906e72d..2a1b38d7 100644
--- a/src/lib/Tools/Tracker/Tool.svelte
+++ b/src/lib/Tools/Tracker/Tool.svelte
@@ -4,14 +4,14 @@
   import { onMount } from 'svelte';
   import Message from '$lib/Loading/Message.svelte';
 
-  let url = '';
-  let title = '';
-  let progress = 0;
-  let error = '';
-  let masterList: TrackerEntry[] | null = null;
+  let url = $state('');
+  let title = $state('');
+  let progress = $state(0);
+  let error = $state('');
+  let masterList: TrackerEntry[] | null = $state(null);
   let confirmDelete = 0;
 
-  $: listAccess = masterList || [];
+  let listAccess = $derived(masterList || []);
 
   onMount(async () => {
     masterList = await database.entries.toArray();
@@ -74,9 +74,9 @@
   <input type="url" placeholder="URL" bind:value={url} />
   <input type="text" placeholder="Title" bind:value={title} />
   <input type="number" placeholder="Progress (defaults to 0)" bind:value={progress} />
-  <button class="button-lined" on:click={() => addEntry(url, title, progress)}> Add </button>
+  <button class="button-lined" onclick={() => addEntry(url, title, progress)}> Add </button>
 
-  <p />
+  <p></p>
 
   {#if masterList === null}
     <Message message="Loading entries ..." />
@@ -95,7 +95,7 @@
               type="number"
               value={entry.progress}
               size={3}
-              on:change={(e) =>
+              onchange={(e) =>
                 adjustEntry(entry.id, e.target ? e.target.value || entry.progress : entry.progress)}
             />
 
@@ -103,17 +103,17 @@
               <span class="opaque">|</span>
               <button
                 class="button-square button-action"
-                on:click={() => adjustEntry(entry.id, entry.progress - 1)}
+                onclick={() => adjustEntry(entry.id, entry.progress - 1)}
                 >-
               </button>
               <button
                 class="button-square button-action"
-                on:click={() => adjustEntry(entry.id, entry.progress + 1)}
+                onclick={() => adjustEntry(entry.id, entry.progress + 1)}
               >
                 +
               </button>
               <span class="opaque">|</span>
-              <button on:click={() => deleteEntry(entry.id)}>Remove</button>
+              <button onclick={() => deleteEntry(entry.id)}>Remove</button>
             </span>
           </div>
         </li>