add: agregar soporte para múltiples formatos de código de barras en el escáner QR

src/components/POS/QRscan.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { QrcodeStream } from 'vue-qrcode-reader';
 
 /** Props y Emits */
@@ -16,6 +16,36 @@ const emit = defineEmits(['update:modelValue', 'qr-detected']);
 const error = ref('');
 const isScanning = ref(true);
 
+/** Formatos de código de barras soportados */
+const barcodeFormats = ref({
+  qr_code: true,        // QR codes
+  ean_13: true,         // Código de barras estándar (13 dígitos)
+  ean_8: true,          // Código de barras corto (8 dígitos)
+  code_128: true,       // Común en retail y logística
+  code_39: true,        // Común en inventario industrial
+  upc_a: true,          // Común en productos USA
+  upc_e: true,          // Común en productos USA (versión corta)
+  aztec: false,
+  code_93: false,
+  codabar: false,
+  databar: false,
+  databar_expanded: false,
+  data_matrix: false,
+  dx_film_edge: false,
+  itf: false,
+  maxi_code: false,
+  micro_qr_code: false,
+  pdf417: false,
+  rm_qr_code: false,
+  linear_codes: false,
+  matrix_codes: false
+});
+
+// Computed para obtener solo los formatos activados
+const selectedBarcodeFormats = computed(() => {
+  return Object.keys(barcodeFormats.value).filter((format) => barcodeFormats.value[format]);
+});
+
 /** Métodos */
 function paintBoundingBox(detectedCodes, ctx) {
   for (const detectedCode of detectedCodes) {
@@ -58,7 +88,7 @@ function onError(err) {
   } else if (err.name === 'NotFoundError') {
     error.value += 'No se encontró cámara en este dispositivo';
   } else if (err.name === 'NotSupportedError') {
-    error.value += 'Se requiere contexto seguro';
+    error.value += 'Se requiere contexto seguro (HTTPS o localhost)';
   } else if (err.name === 'NotReadableError') {
     error.value += '¿La cámara ya está en uso?';
   } else if (err.name === 'OverconstrainedError') {
@@ -66,7 +96,7 @@ function onError(err) {
   } else if (err.name === 'StreamApiNotSupportedError') {
     error.value += 'No es compatible con este navegador';
   } else if (err.name === 'InsecureContextError') {
-    error.value += 'El acceso a la cámara solo se permite en contexto seguro.';
+    error.value += 'El acceso a la cámara solo se permite en contexto seguro (HTTPS).';
   } else {
     error.value += err.message;
   }
@@ -77,12 +107,14 @@ function onError(err) {
 
 <template>
   <div class="relative w-full h-full">
-    <!-- Componente de escaneo QR -->
+    <!-- Componente de escaneo QR y códigos de barras -->
     <QrcodeStream
       v-if="isScanning"
       @detect="onDetect"
       @error="onError"
       :track="paintBoundingBox"
+      :formats="selectedBarcodeFormats"
+      :constraints="{ facingMode: 'environment' }"
       class="w-full h-full rounded-lg overflow-hidden"
     >
     </QrcodeStream>