useQRCode

Category

@Integrations

Package

comuse/integrations

Last Changed

7月25日16时53分

Wrapper for qrcode.

Demo

source

Text content for QRCode

Install

npm i qrcode@^1

Usage

import { useQRCode } from 'comuse-integrations/useQRCode'

// `qrcode` will be a ref of data URL
const qrcode = useQRCode('text-to-encode')

or passing a ref to it, the returned data URL ref will change along with the source ref's changes.

import { useQRCode } from 'comuse-integrationsintegrations/useQRCode'
import { shallowRef } from 'vue'

const text = shallowRef('text-to-encode')
const qrcode = useQRCode(text)

<input v-model="text" type="text" />
<img :src="qrcode" alt="QR Code" />

Source

Source • Demo • Docs

Changelog

v4.1.0 on 8/1/2025

ffe0c - feat: add useQRCode and useVSConsle