src/components/Qr.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

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

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