src/components/Qr.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script>
  import screenfull from "screenfull";
  let { src } = $props();
  let qr = $state();
</script>

<div
  class="w-80 mx-auto cursor-pointer"
  bind:this={qr}
  onclick={() => screenfull.toggle(qr)}
  onkeydown={() => screenfull.toggle(qr)}
>
  <img {src} class="mx-auto" alt="QR Code" />
</div>