nuxt3-qrcode

A compoent that supports Nuxt3

This component is based on node-qrcode

Installation

npm install nuxt3-qrcode

Usage

<template>
    <VueQRcode :value="url" :options="option"/>
</template>

<script setup>
import VueQRcode from 'nuxt3-qrcode'

    const url = ref('www.xxxx.com');

    const option = {}
</script>

Available Props

props	type	required	default
value	String	true	None
options	Object	false	OptionInterface

OptionInterface

property	type	range	default
version	String
errorCorrectionLevel	String	low, medium, quartile, high or L, M, Q, H.
maskPattern	Number	(0-7)
toSJISFunc	Function
margin	Number		4
scale	Number		4
small	Boolean		false
width	Number
color	Object	ColorObject

ColorObject

property	type	default
dark	String	#000000
light	String	#FFFFFF