https://github.com/HJ29/vue3-qr-reader
https://github.com/HJ29/vue3-qr-reader
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/HJ29/vue3-qr-reader
- Owner: HJ29
- Created: 2020-11-04T05:15:19.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-03-04T18:18:31.000Z (over 1 year ago)
- Last Synced: 2024-10-28T12:51:55.582Z (about 1 year ago)
- Language: Vue
- Size: 1.46 MB
- Stars: 89
- Watchers: 3
- Forks: 25
- 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/).