Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/v-poc/vite-qr-code

The qrcode playground based on Vite - (vanilla+vite5).
https://github.com/v-poc/vite-qr-code

qr-code qr-code-generator qrcode qrcode-generator vanilla-qr-code vanilla-qrcode vite vite-qr-code vite-qrcode vite5 vite5-qr-code vite5-qrcode

Last synced: 2 months ago
JSON representation

The qrcode playground based on Vite - (vanilla+vite5).

Awesome Lists containing this project

README

        

# vite-qr-code

[![npm](https://img.shields.io/npm/v/v-qr-code-next)](https://www.npmjs.com/package/v-qr-code-next)

## INTRODUCTION

The qrcode package is based on Vite 5. Try [StackBlitz](https://stackblitz.com/github/v-poc/vite-qr-code?file=package.json) or try [SFC playground](https://play.vuejs.org/#eNp9Uctu2zAQ/BVCFzuARRUNUBSGErRNc0gRpEWboy6KtJFpiw8vl4qDwP/eJRUrcZD2Ru7MLGeGT9lX5+QQIFtmJYF2fU1wXhkhylYNYshXpPuzKlO6q7LzsuAho2XxispX36ByJDxQcDxR2lkkscXGtiDu0WoxG/It5vGeG9jRLMoaazwJenRwE/QdoDgTnxcCEC1eWERoSFlzDQP0jMyuWTMqtpE5Lp+/qN9XnlRmi7Ju2+811fPZisj5ZVEYtbFGSbKuwKCSpWJ2InW9gTlLDi9x6vSUbBA47JXubusuEspijMxhswWXE/PmunZy7a3hKp9ig7G1CPgqW4o0ibPjIiJUZQdbwbhNJxuri2PWlw/yo/zE5Xt6g0jw/GaVLab1AY538jc9xg9ee2mxK/gkMRhSGlir8zu0Dx4wLYk79pXZcyTy3MC96t4EYmtO9YA/XWz4OFjd9/bhR5oRBpgcNStoNu/M1343Ov2FwA4G9j1hVGMHz+Vc/rlJRU2gtm3on1P+A/wN3vYhehxp34Jp2fYrXnJ7lf5Hme7WX+4IjD+EikZTG4mfWr34T/QXu6fydGpx/xc0hiOM).

> This is a lightweight demo to use template-vanilla of [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite).

## Usage

```js
import qrcode from "v-qr-code-next";

const typeNumber = 8;
const errorCorrectionLevel = "L";
const qr = qrcode(typeNumber, errorCorrectionLevel);
qr.addData("Hello VUI!").make();

document.querySelector("#app").innerHTML = `

QR Code - VUI


Image


${qr.createImgTag()}

SVG


${qr.createSvgTag()}

Table


${qr.createTableTag()}

ASCII


${qr.createASCII()}

DataURL


${qr.createDataURL()}

`;
```

## Project setup

### How to setup your project

```
npm i
```

### Compiles and hot-reloads for development

```
npm run dev
```

### Compiles and minifies for production

```
npm run build
```

### Customize configuration

About vite, please check Configuration Reference - [vite](https://vitejs.dev/config/).

## License

MIT License