Awesome Open Source
Awesome Open Source

vue-qrcode

Coverage Status Downloads Version Gzip Size

QR code component for Vue 3, bases on node-qrcode. For Vue 2, check out the v1 branch.

Main npm package files

dist/
 vue-qrcode.js         (UMD, default)
 vue-qrcode.min.js     (UMD, compressed)
 vue-qrcode.esm.js     (ECMAScript Module)
 vue-qrcode.esm.min.js (ECMAScript Module, compressed)
 vue-qrcode.d.ts       (TypeScript Declaration File)

Getting started

Installation

Using npm:

npm install [email protected] [email protected] @chenfengyuan/[email protected]

Using pnpm:

pnpm add [email protected] [email protected] @chenfengyuan/[email protected]

Using Yarn:

yarn add [email protected] [email protected] @chenfengyuan/[email protected]

Using CDN:

<script src="https://unpkg.com/[email protected]"></script><!-- Vue.js is required -->
<script src="https://unpkg.com/[email protected]/build/qrcode.js"></script><!-- qrocde is required -->
<script src="https://unpkg.com/@chenfengyuan/[email protected]"></script>

Usage

import { createApp } from 'vue';
import VueQrcode from '@chenfengyuan/vue-qrcode';

const app = createApp({});

app.component(VueQrcode.name, VueQrcode);
<vue-qrcode value="Hello, World!" :options="{ width: 200 }"></vue-qrcode>

Browser support

Same as Vue 3.

Versioning

Maintained under the Semantic Versioning guidelines.

License

MIT Chen Fengyuan

Alternatives To Vue Qrcode
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (306,570
Vue (73,105
Versioning (6,283
Qr Code (5,815
Qrcode (5,815
Vue Component (1,971
Vue Qrcode (4