fix svelte errors

10 files changed, 24 insertions, 11 deletions

diff --git a/src/components/404.svelte b/src/components/404.svelte
index 5a7ba663..317ff968 100644
--- a/src/components/404.svelte
+++ b/src/components/404.svelte
@@ -4,7 +4,7 @@
 
 <div class="flex justify-center items-center mt-20">
   <div class="space-y-5 text-center">
-    <a href="/">
+    <a href="/" aria-label="Go to homepage">
       <iconify-icon noobserver icon="coinos:logo" width="224" class="mx-auto"></iconify-icon>
     </a>
 
diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 55766512..5641226f 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -144,7 +144,7 @@
       {:else if seed || (user.seed && fingerprint)}
         <iconify-icon noobserver icon="cryptocurrency-color:btc" width="32"></iconify-icon>
       {:else}
-        <img src="/images/icon.png" class="w-8 h-8" />
+        <img src="/images/icon.png" class="w-8 h-8" alt="Coinos" />
       {/if}
       {displayName}
     </a>
diff --git a/src/components/AmountField.svelte b/src/components/AmountField.svelte
index 56b98d49..810e36f1 100644
--- a/src/components/AmountField.svelte
+++ b/src/components/AmountField.svelte
@@ -26,7 +26,7 @@
     await tick();
     numpad.focus();
   };
-  let numpad = $state();
+  let numpad: HTMLDivElement = $state() as HTMLDivElement;
 </script>
 
 <div>
diff --git a/src/components/Event.svelte b/src/components/Event.svelte
index 03b93695..7a9c75d4 100644
--- a/src/components/Event.svelte
+++ b/src/components/Event.svelte
@@ -11,7 +11,7 @@
   let amount = 21;
   let { event, minimal = false, last = true, user = undefined }: any = $props();
   let { author, parts, zaps, names, created_at, pubkey } = $derived(event);
-  let { id } = event;
+  let id = $derived(event.id);
 
   let zapping = $state();
   let zap = async () => {
diff --git a/src/components/InvoiceTypes.svelte b/src/components/InvoiceTypes.svelte
index b3c430a2..5845f699 100644
--- a/src/components/InvoiceTypes.svelte
+++ b/src/components/InvoiceTypes.svelte
@@ -10,7 +10,7 @@
     toggleType,
     setAmount,
     setType,
-    activeOnly,
+    activeOnly = false,
   } = $props();
 
   let { aid, address_type, type } = $derived(invoice);
diff --git a/src/components/LandingInfoCard.svelte b/src/components/LandingInfoCard.svelte
index 6052b0c5..707cae2f 100644
--- a/src/components/LandingInfoCard.svelte
+++ b/src/components/LandingInfoCard.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
   import Image from "./Image.svelte";
 
-  let { image, title, description = undefined, order = undefined, children } = $props();
+  import type { Snippet } from "svelte";
+  let { image, title, description = undefined, order = undefined, children = undefined }: { image: string; title: string; description?: string; order?: string; children?: Snippet } = $props();
 </script>
 
 <div class="block lg:flex justify-center lg:space-x-20 items-center">
diff --git a/src/components/Lnurlp.svelte b/src/components/Lnurlp.svelte
index adb1a781..cde26d86 100644
--- a/src/components/Lnurlp.svelte
+++ b/src/components/Lnurlp.svelte
@@ -8,8 +8,13 @@
   import { pin } from "$lib/store";
 
   let { data, form, send = $bindable(), comment = $bindable() } = $props();
-  let { currency } = data.user;
-  let { minSendable, maxSendable, commentAllowed, callback, metadata, rate } = data;
+  let currency = $derived(data.user.currency);
+  let minSendable = $derived(data.minSendable);
+  let maxSendable = $derived(data.maxSendable);
+  let commentAllowed = $derived(data.commentAllowed);
+  let callback = $derived(data.callback);
+  let metadata = $derived(data.metadata);
+  let rate = $derived(data.rate);
 
   let amount = $state(Math.round(minSendable / 1000)),
     loading = $state();
diff --git a/src/components/Lnurlw.svelte b/src/components/Lnurlw.svelte
index 38d103bd..e51a247a 100644
--- a/src/components/Lnurlw.svelte
+++ b/src/components/Lnurlw.svelte
@@ -10,8 +10,14 @@
 
   let { data, form } = $props();
 
-  let { currency, username } = data.user;
-  let { defaultDescription, minWithdrawable, maxWithdrawable, k1, callback, rate } = data;
+  let currency = $derived(data.user.currency);
+  let username = $derived(data.user.username);
+  let defaultDescription = $derived(data.defaultDescription);
+  let minWithdrawable = $derived(data.minWithdrawable);
+  let maxWithdrawable = $derived(data.maxWithdrawable);
+  let k1 = $derived(data.k1);
+  let callback = $derived(data.callback);
+  let rate = $derived(data.rate);
 
   let amount = $state(Math.round(minWithdrawable / 1000));
   let amountFiat = $derived(parseFloat(((amount * rate) / sats).toFixed(2)));
diff --git a/src/components/Qr.svelte b/src/components/Qr.svelte
index c2014348..d5dbfc41 100644
--- a/src/components/Qr.svelte
+++ b/src/components/Qr.svelte
@@ -10,7 +10,7 @@
     screenfull = (await import("screenfull")).default;
   });
 
-  let src = $derived(() => {
+  let src = $derived.by(() => {
     let url = `/qr/${encodeURIComponent(text)}`;
     if (icon) url += `/${icon}`;
     else url += "/raw";
diff --git a/src/components/WalletPass.svelte b/src/components/WalletPass.svelte
index 0d1b014a..052f9fd0 100644
--- a/src/components/WalletPass.svelte
+++ b/src/components/WalletPass.svelte
@@ -53,6 +53,7 @@
           type="button"
           onclick={() => (revealPassword = !revealPassword)}
           class="absolute right-5 top-1/2"
+          aria-label={revealPassword ? "Hide password" : "Show password"}
         >
           <iconify-icon
             noobserver