• Stars
    star
    1,023
  • Rank 44,997 (Top 0.9 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

QR code component for Vue.js

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 vue@3 qrcode@1 @chenfengyuan/vue-qrcode@2

Using pnpm:

pnpm add vue@3 qrcode@1 @chenfengyuan/vue-qrcode@2

Using Yarn:

yarn add vue@3 qrcode@1 @chenfengyuan/vue-qrcode@2

Using CDN:

<script src="https://unpkg.com/vue@3"></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/vue-qrcode@2"></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

More Repositories

1

cropperjs

JavaScript image cropper.
JavaScript
12,564
star
2

cropper

โš ๏ธ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper
JavaScript
7,759
star
3

viewerjs

JavaScript image viewer.
JavaScript
7,526
star
4

compressorjs

JavaScript image compressor.
JavaScript
4,917
star
5

distpicker

โš ๏ธ [Deprecated] No longer maintained. A simple jQuery plugin for picking provinces, cities and districts of China. (ไธญๅ›ฝ / ็œๅธ‚ๅŒบ / ไธ‰็บง่”ๅŠจ / ๅœฐๅ€้€‰ๆ‹ฉๅ™จ)
JavaScript
1,638
star
6

datepicker

โš ๏ธ [Deprecated] No longer maintained. A simple jQuery datepicker plugin.
JavaScript
1,165
star
7

viewer

โš ๏ธ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-viewer
JavaScript
1,017
star
8

photo-editor

A simple photo editing application.
Vue
920
star
9

jquery-cropper

A jQuery plugin wrapper for Cropper.js.
JavaScript
679
star
10

vue-countdown

Countdown component for Vue.js.
TypeScript
656
star
11

jquery-viewer

A jQuery plugin wrapper for Viewer.js.
JavaScript
319
star
12

pickerjs

โš ๏ธ [Deprecated] No longer maintained. JavaScript date time picker.
JavaScript
312
star
13

vue-barcode

Bar code component for Vue.js
JavaScript
193
star
14

vue-carousel

Carousel component for Vue.js.
Vue
187
star
15

vue-number-input

Number input component for Vue.js.
TypeScript
173
star
16

vue-feather

Feather component for Vue.js.
TypeScript
144
star
17

simpleui

A simple UI framework for building simple web projects.
CSS
58
star
18

markdown-to-vue-loader

Markdown to Vue component loader for Webpack.
JavaScript
38
star
19

vue-countly

Countly plugin for Vue.js.
JavaScript
11
star
20

load-scripts

Dynamic scripts loading for modern browsers.
JavaScript
10
star
21

create-banner

Create a banner from a package.json file.
JavaScript
7
star
22

postcss-header

Add a header to a file.
JavaScript
3
star