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
commit2b0f8339666dfa99e4db8a12b5effffaec9776f0 (patch)
tree0253780c569998b6c1a5f43026586e94916c3fee /src/components/Qr.svelte
parente3d1a7817f70237d70c1ca5a790bab7eac2ff86c (diff)
downloadcoinos-ui-2b0f8339666dfa99e4db8a12b5effffaec9776f0.tar.gz
coinos-ui-2b0f8339666dfa99e4db8a12b5effffaec9776f0.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>