Barcode Detection for Vue & Nuxt
A composable, drop-in scanner component, and polygon overlay for the Barcode Detection API. Vue 3 and Nuxt 4 ready.
Quick start
pnpm add @orbisk/vue-use-barcode-detection vue @vueuse/core
<script setup lang="ts">
import { UseBarcodeDetector } from '@orbisk/vue-use-barcode-detection'
</script>
<template>
<UseBarcodeDetector v-slot="{ start, isActive, detected }">
<button @click="start" :disabled="isActive">Start camera</button>
<pre>{{ detected }}</pre>
</UseBarcodeDetector>
</template>
Head to Getting started for Nuxt setup, the polyfill for non-supporting browsers, and links into the full reference.