1.0.0 • Published 12 months ago
nuxt3-qrcode v1.0.0
nuxt3-qrcode
A compoent that supports Nuxt3
This component is based on node-qrcode
Installation
npm install nuxt3-qrcodeUsage
<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 |
1.0.0
12 months ago