https://github.com/HJ29/vue3-qr-reader

https://github.com/HJ29/vue3-qr-reader

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/HJ29/vue3-qr-reader
• Owner: HJ29
• Created: 2020-11-04T05:15:19.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-04T18:18:31.000Z (8 months ago)
• Last Synced: 2024-07-14T02:20:59.818Z (4 months ago)
• Language: Vue
• Size: 1.46 MB
• Stars: 87
• Watchers: 3
• Forks: 26
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue-3 - vue3-qr-reader - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility. (Packages)

README

        
# vue3-qr-reader

Vue 3 qr reader.

### Credit to: [vue-qrcode-reader](https://github.com/gruhn/vue-qrcode-reader)

refactor for vue 3.

### Demo

[Demo](https://hj29.github.io/vue3-qr-reader/)

[Demo Code](https://github.com/HJ29/vue3-qr-reader/tree/master/example/src/)

### Install

```bash

yarn add vue3-qr-reader

npm i --save vue3-qr-reader

```

### Register Global Component

```js

import { createApp } from 'vue';

import App from './App.vue'

import QrReader from 'vue3-qr-reader';

const app = createApp(App);

app.use(QrReader);

app.mount('#app')

```

### Register Local Component

```js

import { QrStream, QrCapture, QrDropzone } from 'vue3-qr-reader';

export default {

  components: {

    QrStream,

    QrCapture,

    QrDropzone

  },

};

```

## Project setup

```

yarn

```

### Compiles and hot-reloads for development

```

yarn serve

```

### Compiles and minifies for production

```

yarn build

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).