diff options
Diffstat (limited to 'src/components/Qr.svelte')
| -rw-r--r-- | src/components/Qr.svelte | 8 |
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> |