From 34b51745fa54569f24f4006bd5ade073082e5137 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Fri, 23 May 2025 20:17:37 +0600
Subject: [PATCH] web/OmniboxIcon: refactor to svelte 5 style

---
 web/src/components/save/OmniboxIcon.svelte | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/web/src/components/save/OmniboxIcon.svelte b/web/src/components/save/OmniboxIcon.svelte
index b5e9dfdd..2b1f05de 100644
--- a/web/src/components/save/OmniboxIcon.svelte
+++ b/web/src/components/save/OmniboxIcon.svelte
@@ -2,8 +2,13 @@
     import IconLink from "@tabler/icons-svelte/IconLink.svelte";
     import IconLoader2 from "@tabler/icons-svelte/IconLoader2.svelte";
 
-    export let loading: boolean;
-    export let animated = !!loading;
+    type Props = {
+        loading: boolean;
+    };
+
+    let { loading }: Props = $props();
+
+    let animated = $state(loading);
 
     /*
         initial spinner state is equal to loading state,
@@ -29,12 +34,8 @@
     <div
         class="input-icon spinner-icon"
         class:animated
-        on:transitionstart={() => {
-            animated = true;
-        }}
-        on:transitionend={() => {
-            animated = !!loading;
-        }}
+        ontransitionstart={() => (animated = true)}
+        ontransitionend={() => (animated = loading)}
     >
         <IconLoader2 />
     </div>