svelte 5

1 files changed, 13 insertions, 10 deletions

diff --git a/src/routes/(app)/receive/[...token]/+page.svelte b/src/routes/(app)/receive/[...token]/+page.svelte
index 575c8269..3c081fdc 100644
--- a/src/routes/(app)/receive/[...token]/+page.svelte
+++ b/src/routes/(app)/receive/[...token]/+page.svelte
@@ -1,4 +1,6 @@
 <script>
+  import { run } from 'svelte/legacy';
+
   import { page } from "$app/stores";
   import { fly } from "svelte/transition";
   import { enhance } from "$app/forms";
@@ -9,13 +11,12 @@
   import Spinner from "$comp/Spinner.svelte";
   import { back, fail, focus } from "$lib/utils";
 
-  export let data;
-  export let form;
+  let { data = $bindable(), form } = $props();
 
   let { token } = data;
   data.subject = data.user;
 
-  let el, text, pasted, w;
+  let el = $state(), text = $state(), pasted = $state(), w = $state();
 
   let keypress = (e) => e.key === "Enter" && (e.preventDefault() || el.click());
 
@@ -23,7 +24,9 @@
     text = await navigator.clipboard.readText();
   };
 
-  $: if (browser && pasted && text) el.click() && (pasted = false);
+  run(() => {
+    if (browser && pasted && text) el.click() && (pasted = false);
+  });
 </script>
 
 <svelte:window bind:innerWidth={w} />
@@ -49,24 +52,24 @@
         use:focus
         name="text"
         placeholder={$t("payments.voucherText")}
-        on:keypress={keypress}
+        onkeypress={keypress}
         class="w-full p-4 border rounded-xl h-32 text-xl"
         bind:value={text}
-        on:paste={() => (pasted = true)}
+        onpaste={() => (pasted = true)}
         autocapitalize="none"
-      />
+></textarea>
     </div>
 
     <div class="flex gap-2">
       <a href="/scan" class="contents">
         <button type="button" class="btn !w-auto flex-grow">
-          <iconify-icon icon="ph:camera-bold" width="32" />
+          <iconify-icon icon="ph:camera-bold" width="32"></iconify-icon>
           <div class="my-auto">{$t("user.send.scan")}</div>
         </button>
       </a>
 
-      <button type="button" class="btn !w-auto flex-grow" on:click={paste}>
-        <iconify-icon icon="ph:clipboard-text-bold" width="32" />
+      <button type="button" class="btn !w-auto flex-grow" onclick={paste}>
+        <iconify-icon icon="ph:clipboard-text-bold" width="32"></iconify-icon>
         <div class="my-auto">{$t("user.send.paste")}</div>
       </button>
     </div>