svelte-qrcode-action

I have just converted https://github.com/kozakdenys/qr-code-styling to a Svelte action and added support for reactivity.

You can find the options API documentation for kozakdenys/qr-code-stylinghere

Example

Simple

<script>
    import { qrcode } from 'svelte-qrcode-action';
</script>

<div use:qrcode={{ data: 'this content of qrcode' }} />

With reactive

<script>
    import { qrcode } from 'svelte-qrcode-action';
    import { onMount } from 'svelte';

    let options = {
        data: 'qr content'
    };
    onMount(() => {
        setTimeout(() => {
            options.dotsOptions = {
                color: '#4267b2',
                type: 'rounded'
            };
        }, 2_000);
    });
</script>

<div use:qrcode={options} />

Contributing

need better documentation