linting

30 files changed, 159 insertions, 115 deletions

diff --git a/src/components/About.svelte b/src/components/About.svelte
index 5cc3603c..0c8be717 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { onMount } from "svelte";  import Image from "$comp/Image.svelte";
+  import { onMount } from "svelte";
+  import Image from "$comp/Image.svelte";
   import { t } from "$lib/translations";
 
   let team = [
diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index d05addbe..c88c1118 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -4,7 +4,8 @@
   import WalletPass from "$comp/WalletPass.svelte";
   import { run } from "svelte/legacy";
   import { onMount } from "svelte";
-  import { goto } from "$app/navigation";  import Balance from "$comp/Balance.svelte";
+  import { goto } from "$app/navigation";
+  import Balance from "$comp/Balance.svelte";
   import { t } from "$lib/translations";
   import { versions } from "$lib/utils";
   import { arkkey } from "$lib/ark";
@@ -44,15 +45,12 @@
         $arkkey = hex.encode(decrypt(seed, cached) as Uint8Array);
       } else if (user.seed) {
         // Master seed: derive m/86'/0'/0'/0/0
-        const [
-          { HDKey },
-          { entropyToMnemonic, mnemonicToSeed },
-          { wordlist },
-        ] = await Promise.all([
-          import("@scure/bip32"),
-          import("@scure/bip39"),
-          import("@scure/bip39/wordlists/english.js"),
-        ]);
+        const [{ HDKey }, { entropyToMnemonic, mnemonicToSeed }, { wordlist }] =
+          await Promise.all([
+            import("@scure/bip32"),
+            import("@scure/bip39"),
+            import("@scure/bip39/wordlists/english.js"),
+          ]);
         let entropy = await decrypt(user.seed, cached);
         let mnemonic = entropyToMnemonic(entropy, wordlist);
         let s = await mnemonicToSeed(mnemonic, cached);
@@ -93,15 +91,12 @@
     if (seed) {
       $arkkey = hex.encode(decrypt(seed, password!) as Uint8Array);
     } else if (user.seed) {
-      const [
-        { HDKey },
-        { entropyToMnemonic, mnemonicToSeed },
-        { wordlist },
-      ] = await Promise.all([
-        import("@scure/bip32"),
-        import("@scure/bip39"),
-        import("@scure/bip39/wordlists/english.js"),
-      ]);
+      const [{ HDKey }, { entropyToMnemonic, mnemonicToSeed }, { wordlist }] =
+        await Promise.all([
+          import("@scure/bip32"),
+          import("@scure/bip39"),
+          import("@scure/bip39/wordlists/english.js"),
+        ]);
       let entropy = await decrypt(user.seed, password!);
       let mnemonic = entropyToMnemonic(entropy, wordlist);
       let s = await mnemonicToSeed(mnemonic, password!);
@@ -164,10 +159,7 @@
           alt="Ark"
         />
       {:else if seed || (user.seed && fingerprint)}
-        <iconify-icon
-          noobserver
-          icon="cryptocurrency-color:btc"
-          width="32"
+        <iconify-icon noobserver icon="cryptocurrency-color:btc" width="32"
         ></iconify-icon>
       {:else}
         <img src="/images/icon.png" class="w-8 h-8" />
@@ -182,22 +174,23 @@
       class="contents"
       onclick={(e) => setAccount(e, "/invoice")}
     >
-      <button class="btn !w-auto flex-1 !bg-base-300" data-testid="account-receive">
+      <button
+        class="btn !w-auto flex-1 !bg-base-300"
+        data-testid="account-receive"
+      >
         <iconify-icon
           noobserver
           icon="ph:hand-coins-bold"
           width="32"
           flip="horizontal"
         ></iconify-icon>
-        <div class="my-auto hidden sm:block">{$t("user.dashboard.receive")}</div>
+        <div class="my-auto hidden sm:block">
+          {$t("user.dashboard.receive")}
+        </div>
       </button>
     </a>
 
-    <a
-      href={`/send`}
-      class="contents"
-      onclick={(e) => setAccount(e, "/send")}
-    >
+    <a href={`/send`} class="contents" onclick={(e) => setAccount(e, "/send")}>
       <button type="button" class="btn !w-auto flex-1 !bg-base-300">
         <iconify-icon noobserver icon="ph:paper-plane-right-bold" width="32"
         ></iconify-icon>
diff --git a/src/components/Amount.svelte b/src/components/Amount.svelte
index 2587520a..8cfb9942 100644
--- a/src/components/Amount.svelte
+++ b/src/components/Amount.svelte
@@ -19,7 +19,6 @@
     e.stopPropagation();
     $fiat = !$fiat;
   };
-
 </script>
 
 {#if typeof amount !== "undefined"}
@@ -35,10 +34,7 @@
         aria-label="Toggle currency display"
       >
         {#if !canShowFiat}
-          <iconify-icon
-            noobserver
-            icon={icon}
-            class="text-yellow-300"
+          <iconify-icon noobserver {icon} class="text-yellow-300"
           ></iconify-icon>
         {/if}
         {#if canShowFiat}
diff --git a/src/components/AppForm.svelte b/src/components/AppForm.svelte
index 026e4aba..2f65372c 100644
--- a/src/components/AppForm.svelte
+++ b/src/components/AppForm.svelte
@@ -146,11 +146,7 @@
         >{$t("accounts.secret")}</label
       >
       <div class="flex gap-1 items-center">
-        <textarea
-          rows={3}
-          name="secret"
-          bind:value={secret}
-          class="grow"
+        <textarea rows={3} name="secret" bind:value={secret} class="grow"
         ></textarea>
 
         <div class="space-y-2 w-24">
diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte
index ca35fb35..c9bacf65 100644
--- a/src/components/Avatar.svelte
+++ b/src/components/Avatar.svelte
@@ -9,7 +9,12 @@
     class?: string;
   }
 
-  let { user, size = 32, disabled = false, class: className = "" }: Props = $props();
+  let {
+    user,
+    size = 32,
+    disabled = false,
+    class: className = "",
+  }: Props = $props();
 
   let s = $derived(size.toString());
   let link = $derived(
@@ -23,7 +28,11 @@
   let fallback = $derived(
     `${base}/punks/` + punk(user?.pubkey || user?.id || "aa"),
   );
-  let tmp = $derived(($avatar as any)?.id && ($avatar as any).id === user?.id && ($avatar as any).src);
+  let tmp = $derived(
+    ($avatar as any)?.id &&
+      ($avatar as any).id === user?.id &&
+      ($avatar as any).src,
+  );
   let src = $derived(tmp || profile || fallback);
 </script>
 
diff --git a/src/components/Balance.svelte b/src/components/Balance.svelte
index b05d9ac5..41b55c7a 100644
--- a/src/components/Balance.svelte
+++ b/src/components/Balance.svelte
@@ -17,7 +17,12 @@
 </script>
 
 {#if show && user.haspin && $pin?.length !== 6}
-  <Pin cancel={() => { show = false; return ""; }} />
+  <Pin
+    cancel={() => {
+      show = false;
+      return "";
+    }}
+  />
 {/if}
 
 <div>
diff --git a/src/components/DarkToggle.svelte b/src/components/DarkToggle.svelte
index fdc79110..ebeaf762 100644
--- a/src/components/DarkToggle.svelte
+++ b/src/components/DarkToggle.svelte
@@ -11,10 +11,11 @@
   class="flex justify-center items-center hover:opacity-80 gap-2 font-bold"
   onclick={dark}
 >
-  <iconify-icon noobserver
+  <iconify-icon
+    noobserver
     icon={$theme === "dark" ? "ph:sun-bold" : "ph:moon-stars-bold"}
     width="30"
-></iconify-icon>
+  ></iconify-icon>
 
   {$t(`nav.${$theme === "dark" ? "light" : "dark"}`)}
 </button>
diff --git a/src/components/FaqCard.svelte b/src/components/FaqCard.svelte
index a2d13bc8..c1739495 100644
--- a/src/components/FaqCard.svelte
+++ b/src/components/FaqCard.svelte
@@ -3,7 +3,7 @@
 
   // this ID will be used to get the strings from the locale
   // question is at faq.[questionID].question
-  
+
   interface Props {
     // answer is at faq.[questionID].answer
     questionID: any;
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index 27a57e55..92930300 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -73,5 +73,10 @@
     </ul>
   </div>
 
-  <iconify-icon noobserver icon="coinos:shield" class="flex justify-center" width="96"></iconify-icon>
+  <iconify-icon
+    noobserver
+    icon="coinos:shield"
+    class="flex justify-center"
+    width="96"
+  ></iconify-icon>
 </footer>
diff --git a/src/components/HowItWorksCard.svelte b/src/components/HowItWorksCard.svelte
index d69d7666..1012af46 100644
--- a/src/components/HowItWorksCard.svelte
+++ b/src/components/HowItWorksCard.svelte
@@ -1,9 +1,11 @@
-<script>  import { t } from "$lib/translations";
+<script>
+  import { t } from "$lib/translations";
   let { image, stepID } = $props();
 </script>
 
 <div class="space-y-5">
-  <iconify-icon noobserver icon={image} class="mx-auto" width="128"></iconify-icon>
+  <iconify-icon noobserver icon={image} class="mx-auto" width="128"
+  ></iconify-icon>
   <p class="text-2xl font-medium">{$t("howItWorks." + stepID + ".header")}</p>
   <p class="text-secondary text-xl font-medium w-full md:w-2/3 mx-auto">
     {$t("howItWorks." + stepID + ".description")}
diff --git a/src/components/ItemForm.svelte b/src/components/ItemForm.svelte
index d087e2bf..7215a239 100644
--- a/src/components/ItemForm.svelte
+++ b/src/components/ItemForm.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { preventDefault } from 'svelte/legacy';
+  import { preventDefault } from "svelte/legacy";
 
   import { t } from "$lib/translations";
   import { upload } from "$lib/upload";
@@ -8,12 +8,19 @@
   import Spinner from "$comp/Spinner.svelte";
   let { item = $bindable(), user } = $props();
 
-  let fileInput: HTMLInputElement | undefined = $state(), formElement: HTMLFormElement | undefined = $state(), file: File, submitting = $state(), progress: any;
+  let fileInput: HTMLInputElement | undefined = $state(),
+    formElement: HTMLFormElement | undefined = $state(),
+    file: File,
+    submitting = $state(),
+    progress: any;
   let select = () => fileInput!.click();
   let src: string | undefined = $state();
 
   let tooLarge: Record<string, boolean> = {};
-  let handleFile = async ({ target }: { target: EventTarget | null }, type: string) => {
+  let handleFile = async (
+    { target }: { target: EventTarget | null },
+    type: string,
+  ) => {
     tooLarge[type] = false;
     file = (target as HTMLInputElement).files![0];
     if (!file) return;
@@ -35,7 +42,9 @@
 
       if (src) {
         try {
-          let { hash } = JSON.parse(await upload(file, "item", progress) as string);
+          let { hash } = JSON.parse(
+            (await upload(file, "item", progress)) as string,
+          );
 
           data.set("image", hash);
 
@@ -107,11 +116,7 @@
             onclick={select}
             aria-label="Select image"
           >
-            <img
-              {src}
-              alt={item.name}
-              class="object-cover w-full h-full"
-            />
+            <img {src} alt={item.name} class="object-cover w-full h-full" />
           </button>
         {:else if item.image}
           <button
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index 1a2af208..f1b6a2b4 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -7,7 +7,12 @@
   import DarkToggle from "$comp/DarkToggle.svelte";
   import LocaleSelector from "$comp/LocaleSelector.svelte";
 
-  let { howItWorks = undefined, faq = undefined, about = undefined, user = undefined }: any = $props();
+  let {
+    howItWorks = undefined,
+    faq = undefined,
+    about = undefined,
+    user = undefined,
+  }: any = $props();
 
   let showMobileMenu = $state(false);
   let header = $state();
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index 2bd950da..42cc0695 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { focus } from "$lib/utils";
-  import { goto } from "$app/navigation";  import Image from "$comp/Image.svelte";
+  import { goto } from "$app/navigation";
+  import Image from "$comp/Image.svelte";
   import { t } from "$lib/translations";
 </script>
 
@@ -12,10 +13,11 @@
       {$t("landing.header_before_icon")}
       <span class="relative">
         {$t("landing.header_with_icon")}
-        <iconify-icon noobserver
+        <iconify-icon
+          noobserver
           icon="coinos:rays"
           class="absolute -top-16 left-5 md:left-8 lg:left-14 2xl:left-24"
-></iconify-icon>
+        ></iconify-icon>
       </span>
       {$t("landing.header_after_icon")}
     </h1>
diff --git a/src/components/LandingInfoCard.svelte b/src/components/LandingInfoCard.svelte
index ca16a5a4..cb16c5dd 100644
--- a/src/components/LandingInfoCard.svelte
+++ b/src/components/LandingInfoCard.svelte
@@ -6,7 +6,7 @@
     title,
     description = undefined,
     order = undefined,
-    children
+    children,
   } = $props();
 </script>
 
diff --git a/src/components/Lnurlw.svelte b/src/components/Lnurlw.svelte
index ac79b101..006fda8b 100644
--- a/src/components/Lnurlw.svelte
+++ b/src/components/Lnurlw.svelte
@@ -89,7 +89,10 @@
           disabled={submitting}
           onkeydown={setMax}
           >{#if $fiat}
-            Max {f((Math.floor(maxWithdrawable / 1000) * rate) / sats, currency)}
+            Max {f(
+              (Math.floor(maxWithdrawable / 1000) * rate) / sats,
+              currency,
+            )}
           {:else}
             Max ⚡️{s(Math.floor(maxWithdrawable / 1000))}
           {/if}</button
diff --git a/src/components/LoadingSplash.svelte b/src/components/LoadingSplash.svelte
index 8ed0429f..e629a494 100644
--- a/src/components/LoadingSplash.svelte
+++ b/src/components/LoadingSplash.svelte
@@ -1,4 +1,8 @@
 <div class="flex justify-center items-center">
-  <iconify-icon noobserver icon="coinos:logo" width="224" class="mt-[calc(50vh-72px)]"
+  <iconify-icon
+    noobserver
+    icon="coinos:logo"
+    width="224"
+    class="mt-[calc(50vh-72px)]"
   ></iconify-icon>
 </div>
diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index 26f32ee8..3ec50e38 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -181,21 +181,22 @@
     maplibrePromise = new Promise((resolve, reject) => {
       const existing = document.querySelector("script[data-maplibre]");
       if (existing) {
-        if ((window as any).maplibregl) return resolve((window as any).maplibregl);
-        existing.addEventListener("load", () => resolve((window as any).maplibregl));
+        if ((window as any).maplibregl)
+          return resolve((window as any).maplibregl);
+        existing.addEventListener("load", () =>
+          resolve((window as any).maplibregl),
+        );
         existing.addEventListener("error", reject);
         return;
       }
 
       const css = document.createElement("link");
       css.rel = "stylesheet";
-      css.href =
-        "https://unpkg.com/[email protected]/dist/maplibre-gl.css";
+      css.href = "https://unpkg.com/[email protected]/dist/maplibre-gl.css";
       document.head.appendChild(css);
 
       const script = document.createElement("script");
-      script.src =
-        "https://unpkg.com/[email protected]/dist/maplibre-gl.js";
+      script.src = "https://unpkg.com/[email protected]/dist/maplibre-gl.js";
       script.async = true;
       script.defer = true;
       script.dataset.maplibre = "true";
@@ -299,11 +300,12 @@
   ></div>
   <div class="absolute flex top-2 left-2 gap-2">
     <button
-       aria-label="Back"
+      aria-label="Back"
       class="rounded-full border-2 border-black bg-base-100/80 w-16 h-16 flex items-center justify-center"
       onclick={back}
     >
-      <iconify-icon noobserver icon="ph:arrow-left-bold" width="24"></iconify-icon>
+      <iconify-icon noobserver icon="ph:arrow-left-bold" width="24"
+      ></iconify-icon>
     </button>
   </div>
   <div class="relative">
@@ -316,10 +318,12 @@
           <div class="flex gap-1 absolute right-6 top-3">
             {#if search}
               <button type="button" onclick={clearSearch} aria-label="Clear">
-                <iconify-icon noobserver icon="ph:x-bold" width="32"></iconify-icon>
+                <iconify-icon noobserver icon="ph:x-bold" width="32"
+                ></iconify-icon>
               </button>
             {:else}
-              <iconify-icon noobserver icon="ph:search-bold" width="32"></iconify-icon>
+              <iconify-icon noobserver icon="ph:search-bold" width="32"
+              ></iconify-icon>
             {/if}
           </div>
         </div>
@@ -350,9 +354,11 @@
         aria-label={timeout ? "Resume map" : "Pause map"}
       >
         {#if timeout}
-          <iconify-icon noobserver icon="ph:pause-bold" width="24"></iconify-icon>
+          <iconify-icon noobserver icon="ph:pause-bold" width="24"
+          ></iconify-icon>
         {:else}
-          <iconify-icon noobserver icon="ph:play-bold" width="24"></iconify-icon>
+          <iconify-icon noobserver icon="ph:play-bold" width="24"
+          ></iconify-icon>
         {/if}
       </button>
     </div>
diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
index 7f04dff0..9b49a263 100644
--- a/src/components/Menu.svelte
+++ b/src/components/Menu.svelte
@@ -66,7 +66,8 @@
       </ul>
       <hr class="my-4" />
       <a href="/?stay=true" aria-label="Coinos home"
-        ><iconify-icon noobserver icon="coinos:logo" width="160"></iconify-icon></a
+        ><iconify-icon noobserver icon="coinos:logo" width="160"
+        ></iconify-icon></a
       >
     </div>
   </OutClick>
diff --git a/src/components/Nostr.svelte b/src/components/Nostr.svelte
index e7fd0e58..74e85faf 100644
--- a/src/components/Nostr.svelte
+++ b/src/components/Nostr.svelte
@@ -32,9 +32,8 @@
   let connectUrl: string | undefined = $state();
   let nostrConnect = async () => {
     const { Relay } = await import("nostr-tools/relay");
-    const { nip04, generateSecretKey, getPublicKey } = await import(
-      "nostr-tools"
-    );
+    const { nip04, generateSecretKey, getPublicKey } =
+      await import("nostr-tools");
     const { getConversationKey, decrypt } = await import("nostr-tools/nip44");
     let connectionSecret = crypto.randomUUID();
 
@@ -119,9 +118,7 @@
 </script>
 
 {#if $eventToSign && !$signer?.ready}
-  <div
-    class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50"
-  >
+  <div class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50">
     <div
       class="relative mx-auto mt-10 p-5 border w-96 shadow-lg rounded-md bg-base-100 space-y-5"
     >
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte
index 6a9f3c6e..57e8dd24 100644
--- a/src/components/Numpad.svelte
+++ b/src/components/Numpad.svelte
@@ -77,14 +77,16 @@
     if (fiat) {
       const numericFiat =
         parseFloat((fiatDigits || "0").replace(/\D/g, "")) / 100;
-      amountFiat = isFinite(numericFiat) ? numericFiat.toFixed(2) : "0.00" as any;
+      amountFiat = isFinite(numericFiat)
+        ? numericFiat.toFixed(2)
+        : ("0.00" as any);
       amount = numericFiat ? Math.round((numericFiat * sats) / rate) : 0;
     } else {
       // integer-only sats, already normalized
       const a = parseInt((html || "0").replace(/[^\d]/g, "")) || 0;
       amount = a || 0;
       const fval = amount ? (amount * rate) / sats : 0;
-      amountFiat = fval ? fval.toFixed(2) : "0.00" as any;
+      amountFiat = fval ? fval.toFixed(2) : ("0.00" as any);
     }
   };
 
@@ -211,7 +213,9 @@
       element && (element.innerHTML = html);
     } else {
       // going -> fiat
-      const cents = Math.round((parseFloat(String(amountFiat) || "0") || 0) * 100);
+      const cents = Math.round(
+        (parseFloat(String(amountFiat) || "0") || 0) * 100,
+      );
       fiatDigits = Math.max(0, cents).toString();
       fiat = true;
       html = formatFiatFromDigits(fiatDigits, decimalChar);
@@ -255,7 +259,9 @@
   onMount(() => {
     fiat = $fiatStore;
     if (fiat) {
-      const cents = Math.round((parseFloat(String(amountFiat) || "0") || 0) * 100);
+      const cents = Math.round(
+        (parseFloat(String(amountFiat) || "0") || 0) * 100,
+      );
       fiatDigits = Math.max(0, cents).toString();
       html = formatFiatFromDigits(fiatDigits, decimalChar); // keep html in sync on mount
     } else {
diff --git a/src/components/Password.svelte b/src/components/Password.svelte
index 02d65948..2c2319f6 100644
--- a/src/components/Password.svelte
+++ b/src/components/Password.svelte
@@ -23,9 +23,7 @@
   };
 </script>
 
-<div
-  class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50"
->
+<div class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50">
   <div
     class="relative top-1/3 mx-auto p-5 border w-96 shadow-lg rounded-md bg-base-100 space-y-5"
   >
diff --git a/src/components/Payments.svelte b/src/components/Payments.svelte
index ff3f0d19..046356ca 100644
--- a/src/components/Payments.svelte
+++ b/src/components/Payments.svelte
@@ -27,7 +27,9 @@
         <div class="font-bold flex items-center">
           <div class="flex items-center gap-1">
             {#if $fiat}
-              <div>{f(Math.abs(amount) * (p.rate / sats), p.currency, locale)}</div>
+              <div>
+                {f(Math.abs(amount) * (p.rate / sats), p.currency, locale)}
+              </div>
             {:else}
               <iconify-icon
                 noobserver
@@ -104,7 +106,11 @@
                 />
               </div>
             {:else if p.type === types.ark}
-              <img src="/images/ark.png" class="w-10 h-10 rounded-full object-cover" alt="Ark" />
+              <img
+                src="/images/ark.png"
+                class="w-10 h-10 rounded-full object-cover"
+                alt="Ark"
+              />
             {/if}
 
             <div class="my-auto">
diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte
index 524e75f8..15dbc53e 100644
--- a/src/components/Pinpad.svelte
+++ b/src/components/Pinpad.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-  import Left from "$comp/Left.svelte";  import { focus, post, warning } from "$lib/utils";
+  import Left from "$comp/Left.svelte";
+  import { focus, post, warning } from "$lib/utils";
   import { t } from "$lib/translations";
 
   let { v = $bindable(), cancel } = $props();
@@ -72,7 +73,10 @@
     onclick={toggle}
     aria-label={hide ? "Show PIN" : "Hide PIN"}
   >
-    <iconify-icon noobserver icon={hide ? "ph:eye-slash-bold" : "ph:eye-bold"} width="32"
+    <iconify-icon
+      noobserver
+      icon={hide ? "ph:eye-slash-bold" : "ph:eye-bold"}
+      width="32"
     ></iconify-icon></button
   >
 </label>
diff --git a/src/components/SetAmount.svelte b/src/components/SetAmount.svelte
index 8a1573bd..ce58e146 100644
--- a/src/components/SetAmount.svelte
+++ b/src/components/SetAmount.svelte
@@ -20,9 +20,7 @@
 </script>
 
 {#if settingAmount}
-  <div
-    class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50"
-  >
+  <div class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50">
     <div
       class="relative mx-auto p-12 max-w-xl shadow-lg rounded-md bg-base-100 space-y-5"
     >
diff --git a/src/components/SetMemo.svelte b/src/components/SetMemo.svelte
index 2c3fd617..54921f56 100644
--- a/src/components/SetMemo.svelte
+++ b/src/components/SetMemo.svelte
@@ -12,9 +12,7 @@
 </script>
 
 {#if settingMemo}
-  <div
-    class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50"
-  >
+  <div class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50">
     <div
       class="relative mx-auto p-12 max-w-xl shadow-lg rounded-md bg-base-100 space-y-5"
     >
diff --git a/src/components/SetType.svelte b/src/components/SetType.svelte
index 4734cb07..d06ca345 100644
--- a/src/components/SetType.svelte
+++ b/src/components/SetType.svelte
@@ -14,13 +14,10 @@
     activeOnly = false,
     t,
   }: any = $props();
-
 </script>
 
 {#if settingType}
-  <div
-    class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50"
-  >
+  <div class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50">
     <div
       class="relative mx-auto p-12 max-w-xl shadow-lg rounded-md bg-base-100 space-y-2"
     >
diff --git a/src/components/Slider.svelte b/src/components/Slider.svelte
index 5b1573f7..846d32a6 100644
--- a/src/components/Slider.svelte
+++ b/src/components/Slider.svelte
@@ -18,4 +18,3 @@
   class="range w-full"
   oninput={handle}
 />
-
diff --git a/src/components/Success.svelte b/src/components/Success.svelte
index 6a0e8eae..ae54b6c1 100644
--- a/src/components/Success.svelte
+++ b/src/components/Success.svelte
@@ -2,7 +2,14 @@
   import { browser } from "$app/environment";
   import { scale } from "svelte/transition";
   import Amount from "$comp/Amount.svelte";
-  const { amount, tip = undefined, rate, currency, locale, title = "" }: any = $props();
+  const {
+    amount,
+    tip = undefined,
+    rate,
+    currency,
+    locale,
+    title = "",
+  }: any = $props();
 
   let ConfettiComp: any = $state(null);
   let loaded = $state(false);
@@ -57,7 +64,8 @@
       </div>
     </div>
 
-    <iconify-icon noobserver
+    <iconify-icon
+      noobserver
       icon="ph:check-fat-fill"
       class="text-green-400"
       width="160"
diff --git a/src/components/Toggle.svelte b/src/components/Toggle.svelte
index b8dc37f9..3f725d08 100644
--- a/src/components/Toggle.svelte
+++ b/src/components/Toggle.svelte
@@ -12,5 +12,5 @@
   />
   <div
     class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-gray-300 dark:peer-focus:ring-gray-800 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-green-500"
-></div>
+  ></div>
 </label>
diff --git a/src/components/WalletPass.svelte b/src/components/WalletPass.svelte
index f6d611d0..9e0b6cd2 100644
--- a/src/components/WalletPass.svelte
+++ b/src/components/WalletPass.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { preventDefault } from 'svelte/legacy';
+  import { preventDefault } from "svelte/legacy";
 
   import { focus } from "$lib/utils";
   import { t } from "$lib/translations";
@@ -23,9 +23,7 @@
   };
 </script>
 
-<div
-  class="fixed inset-0 bg-gray-600/50 overflow-y-auto h-full w-full z-20"
->
+<div class="fixed inset-0 bg-gray-600/50 overflow-y-auto h-full w-full z-20">
   <div
     class="relative top-1/3 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white space-y-5"
   >
@@ -75,7 +73,8 @@
           id="rememberFor"
           class="w-full"
           value={rememberForMs}
-          onchange={(e) => (rememberForMs = Number((e.target as HTMLSelectElement).value))}
+          onchange={(e) =>
+            (rememberForMs = Number((e.target as HTMLSelectElement).value))}
         >
           {#each rememberForOptions as option}
             <option value={option.ms}>{option.label}</option>