mirror of
https://github.com/immich-app/immich.git
synced 2025-12-19 17:23:21 +03:00
d5923241b5
Add quiet zone to QR code This is needed for the QR code to be readable by many QR readers. It is also a requirement for it to be a valid QR code.
21 lines
470 B
Svelte
21 lines
470 B
Svelte
<script lang="ts">
|
|
import QRCode from 'qrcode';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
type Props = {
|
|
value: string;
|
|
width: number;
|
|
alt?: string;
|
|
};
|
|
|
|
const { value, width, alt = $t('alt_text_qr_code') }: Props = $props();
|
|
|
|
let promise = $derived(QRCode.toDataURL(value, { margin: 4, width }));
|
|
</script>
|
|
|
|
<div style="width: {width}px; height: {width}px">
|
|
{#await promise then url}
|
|
<img src={url} {alt} class="h-full w-full" />
|
|
{/await}
|
|
</div>
|