How to Generate QR Codes in Vue.js & Nuxt (qrcode.vue Tutorial)

Integrating client-side QR generation into Vue 3 Composition API apps is fast with qrcode.vue.

1. Installation

npm install qrcode.vue

2. Vue 3 Composition API Example

<script setup>
import QrcodeVue from 'qrcode.vue'
const value = 'https://www.pngqr.com'
</script>

<template>
  <qrcode-vue :value="value" :size="200" level="H" />
</template>