vue-qrcode-image
TypeScript icon, indicating that this package has built-in type declarations

1.2.0 • Public • Published

vue-qrcode-image

A Vue component for QR code generation.

Installation

Install vue-qrcode-image with your favorite package manager:

$ npm i vue-qrcode-image
# or
$ yarn add vue-qrcode-image
# or
$ pnpm i vue-qrcode-image
# or
$ bun add vue-qrcode-image

Usage

Basic

<script lang="ts" setup>
import { ref } from 'vue';
import QrcodeImage from 'vue-qrcode-image';

const qrcode = ref('https://www.npmjs.com/search?q=vue-qrcode-image');
</script>

<template>
  <QrcodeImage :value="qrcode" />
</template>

Size

  • Type: number
  • Default: 6
<QrcodeImage :value="qrcode" :size="5" />

Margin

  • Type: number
  • Default: 24
<QrcodeImage :value="qrcode" :margin="18" />

Foreground

  • Type: [R: number, G: number, B: number]
  • Default: [0, 0, 0]
<QrcodeImage :value="qrcode" :foreground="[99, 102, 241]" />

Background

  • Type: [R: number, G: number, B: number]
  • Default: [255, 255, 255]
<QrcodeImage :value="qrcode" :background="[99, 102, 241]" />

/vue-qrcode-image/

    Package Sidebar

    Install

    npm i vue-qrcode-image

    Weekly Downloads

    48

    Version

    1.2.0

    License

    MIT

    Unpacked Size

    6.11 kB

    Total Files

    8

    Last publish

    Collaborators

    • shyam-chen