v-qr-code-next

vite-qr-code

INTRODUCTION

The qrcode package is based on Vite 5. Try StackBlitz or try SFC playground.

This is a lightweight demo to use template-vanilla of create-vite.

Usage

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 = `
<center>
  <h3>QR Code - VUI</h3>
  <p>Image</p>
  ${qr.createImgTag()}
  <hr/><p>SVG</p>
  ${qr.createSvgTag()}
  <hr/><p>Table</p>
  ${qr.createTableTag()}
  <hr/><p>ASCII</p>
  ${qr.createASCII()}
  <hr/><p>DataURL</p>
  ${qr.createDataURL()}
</center>
`;

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.

License