svelte 5

1 files changed, 15 insertions, 17 deletions

diff --git a/src/components/SetAmount.svelte b/src/components/SetAmount.svelte
index 506762da..332c2eca 100644
--- a/src/components/SetAmount.svelte
+++ b/src/components/SetAmount.svelte
@@ -1,17 +1,21 @@
 <script>
+  import { preventDefault, stopPropagation } from "svelte/legacy";
+
   import Numpad from "$comp/Numpad.svelte";
   import Toggle from "$comp/Toggle.svelte";
 
-  export let currency,
-    rate,
-    fiat,
-    submit,
+  let {
+    currency = $bindable(),
+    fiat = $bindable(),
+    rate = $bindable(),
+    submit = $bindable(),
     settingAmount,
     setAmount,
-    newAmount,
+    newAmount = $bindable(),
     toggleAmount,
     t,
-    amountPrompt;
+    amountPrompt = $bindable(),
+  } = $props();
 </script>
 
 {#if settingAmount}
@@ -21,19 +25,13 @@
     <div
       class="relative mx-auto p-12 max-w-xl shadow-lg rounded-md bg-base-100 space-y-5"
     >
-      <form on:submit|preventDefault={setAmount} class="space-y-5">
-        <Numpad
-          bind:amount={newAmount}
-          bind:currency
-          bind:rate
-          bind:fiat
-          bind:submit
-        />
+      <form onsubmit={preventDefault(setAmount)} class="space-y-5">
+        <Numpad bind:amount={newAmount} bind:fiat {currency} {rate} {submit} />
         <div class="w-full flex flex-wrap gap-2">
           <button
             bind:this={submit}
             type="submit"
-            on:click|preventDefault|stopPropagation={setAmount}
+            onclick={stopPropagation(preventDefault(setAmount))}
             class="btn btn-accent"
           >
             <div class="my-auto">{t("payments.ok")}</div>
@@ -41,8 +39,8 @@
           <button
             type="button"
             class="btn"
-            on:click|preventDefault|stopPropagation={toggleAmount}
-            on:keydown|preventDefault|stopPropagation={toggleAmount}
+            onclick={stopPropagation(preventDefault(toggleAmount))}
+            onkeydown={stopPropagation(preventDefault(toggleAmount))}
           >
             <div class="my-auto">{t("payments.cancel")}</div>
           </button>