https://github.com/vanilla-icecream/vue-qrcode-image

A Vue component for QR code generation.
https://github.com/vanilla-icecream/vue-qrcode-image

qrcode vue

Last synced: about 2 months ago
JSON representation

A Vue component for QR code generation.

• Host: GitHub
• URL: https://github.com/vanilla-icecream/vue-qrcode-image
• Owner: Vanilla-IceCream
• License: mit
• Created: 2023-01-05T01:32:57.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-17T14:40:08.000Z (10 months ago)
• Last Synced: 2024-10-28T13:58:12.109Z (2 months ago)
• Topics: qrcode, vue
• Language: TypeScript
• Homepage: https://vitesheet.onrender.com/vue-qrcode-image/
• Size: 106 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-qrcode-image

A Vue component for QR code generation.

## Installation

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

```sh

$ 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

```vue

import { ref } from 'vue';

import QrcodeImage from 'vue-qrcode-image';

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

  

```

### Size

- Type: `number`

- Default: `6`

```html

```

### Margin

- Type: `number`

- Default: `24`

```html

```

### Foreground

- Type: `[R: number, G: number, B: number]`

- Default: `[0, 0, 0]`

```html

```

### Background

- Type: `[R: number, G: number, B: number]`

- Default: `[255, 255, 255]`

```html

```