aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Qr.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-07 21:16:25 -0800
committerAdam Soltys <[email protected]>2024-11-08 09:27:40 -0800
commit32fcc461cd43c8907df5e306d520bb671307eab1 (patch)
tree0253780c569998b6c1a5f43026586e94916c3fee /src/components/Qr.svelte
parentbe5aa52cea1d57c875cfb22d25c6a866b8de2239 (diff)
downloadcoinos-ui-32fcc461cd43c8907df5e306d520bb671307eab1.tar.gz
coinos-ui-32fcc461cd43c8907df5e306d520bb671307eab1.zip
svelte 5
Diffstat (limited to 'src/components/Qr.svelte')
-rw-r--r--src/components/Qr.svelte8
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Qr.svelte b/src/components/Qr.svelte
index e98497c4..c8d33e23 100644
--- a/src/components/Qr.svelte
+++ b/src/components/Qr.svelte
@@ -1,14 +1,14 @@
<script>
import screenfull from "screenfull";
- export let src;
- let qr;
+ let { src } = $props();
+ let qr = $state();
</script>
<div
class="w-80 mx-auto cursor-pointer"
bind:this={qr}
- on:click={() => screenfull.toggle(qr)}
- on:keydown={() => screenfull.toggle(qr)}
+ onclick={() => screenfull.toggle(qr)}
+ onkeydown={() => screenfull.toggle(qr)}
>
<img {src} class="mx-auto" alt="QR Code" />
</div>