fix: use a better maintained barcode reader lib

bayang · Apr 24, 2024 · c923a30 · c923a30
1 parent cb049ea
commit c923a30
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 29 deletions.
diff --git a/src/jelu-ui/package-lock.json b/src/jelu-ui/package-lock.json
diff --git a/src/jelu-ui/package.json b/src/jelu-ui/package.json
@@ -18,6 +18,7 @@
     "@saekitominaga/isbn-verify": "2.0.1",
     "@splidejs/splide": "4.1.4",
     "@splidejs/vue-splide": "0.6.12",
+    "@teckel/vue-barcode-reader": "^1.1.6",
     "@vueuse/core": "10.9.0",
     "@vueuse/router": "10.9.0",
     "axios": "1.6.8",
@@ -29,7 +30,6 @@
     "theme-change": "2.5.0",
     "vue": "3.4.23",
     "vue-avatar-sdh": "1.0.3",
-    "vue-barcode-reader": "1.0.3",
     "vue-chartjs": "5.3.1",
     "vue-i18n": "9.13.0",
     "vue-router": "4.3.2",

diff --git a/src/jelu-ui/src/components/ScanModal.vue b/src/jelu-ui/src/components/ScanModal.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { StreamBarcodeReader } from "vue-barcode-reader";
+import { StreamBarcodeReader } from "@teckel/vue-barcode-reader";
 import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n({
@@ -42,6 +42,8 @@ const onDecode = (text: string) => {
       <div>
         <div class="field mb-2">
           <StreamBarcodeReader
+            torch
+            no-front-cameras
             @decode="onDecode"
             @loaded="onLoaded"
           />

diff --git a/src/jelu-ui/src/declarations.d.ts b/src/jelu-ui/src/declarations.d.ts
@@ -8,3 +8,5 @@ declare module '@kangc/v-md-editor';
 declare module '@kangc/v-md-editor/lib/theme/github.js';
 declare module '@kangc/v-md-editor/lib/lang/en-US';
 declare module '@kangc/v-md-editor/lib/preview';
+
+declare module '@teckel/vue-barcode-reader';