feat: only install polyfill if there is no native support (#447)

* feat: only install polyfill if there is no native support

* Modified gitignore to ignore vitepress cache and dist

.gitignore

@@ -25,6 +25,9 @@
 # Icon must end with two \r
 Icon
 
+# VitePress
+.vitepress/cache
+.vitepress/dist
 
 # Thumbnails
 ._*

src/components/QrcodeCapture.vue

@@ -10,9 +10,9 @@
 </template>
 
 <script setup lang="ts">
+import { type BarcodeFormat } from 'barcode-detector'
 import { type PropType } from 'vue'
 import { processFile } from '../misc/scanner'
-import { type BarcodeFormat } from 'barcode-detector/pure'
 
 const props = defineProps({
   formats: {

src/components/QrcodeDropZone.vue

@@ -10,9 +10,9 @@
 </template>
 
 <script setup lang="ts">
+import { type BarcodeFormat } from 'barcode-detector'
 import { type PropType } from 'vue'
 import { processFile, processUrl } from '../misc/scanner'
-import { type BarcodeFormat } from 'barcode-detector/pure'
 
 const props = defineProps({
   formats: {

src/components/QrcodeStream.vue

@@ -37,21 +37,21 @@
 </template>
 
 <script setup lang="ts">
-import type { DetectedBarcode, BarcodeFormat } from 'barcode-detector/pure'
+import type { BarcodeFormat, DetectedBarcode } from 'barcode-detector'
 import {
-  onUnmounted,
   computed,
   onMounted,
+  onUnmounted,
   ref,
   watch,
-  type PropType,
-  type CSSProperties
+  type CSSProperties,
+  type PropType
 } from 'vue'
 
-import { keepScanning, setScanningFormats } from '../misc/scanner'
 import * as cameraController from '../misc/camera'
-import type { Point } from '../types/types'
+import { keepScanning, setScanningFormats } from '../misc/scanner'
 import { assert } from '../misc/util'
+import type { Point } from '../types/types'
 
 const props = defineProps({
   // in this file: don't use `props.constraints` directly. Use `constraintsCached`.

src/index.ts

@@ -1,8 +1,8 @@
 import type { App, Plugin } from 'vue'
 
-import QrcodeStream from './components/QrcodeStream.vue'
 import QrcodeCapture from './components/QrcodeCapture.vue'
 import QrcodeDropZone from './components/QrcodeDropZone.vue'
+import QrcodeStream from './components/QrcodeStream.vue'
 
 // Install the components
 export function install(app: App) {
@@ -12,10 +12,10 @@ export function install(app: App) {
 }
 
 // Expose the components
-export { QrcodeStream, QrcodeCapture, QrcodeDropZone }
+export { QrcodeCapture, QrcodeDropZone, QrcodeStream }
 
 // Expose some exports from "barcode-detector"
-export { setZXingModuleOverrides, type BarcodeFormat } from 'barcode-detector/pure'
+export { setZXingModuleOverrides, type BarcodeFormat } from 'barcode-detector'
 
 // Plugin definition
 const plugin: Plugin = { install }

src/misc/scanner.ts

@@ -1,4 +1,4 @@
-import { type DetectedBarcode, type BarcodeFormat, BarcodeDetector } from 'barcode-detector/pure'
+import { type BarcodeFormat, type DetectedBarcode, BarcodeDetector } from 'barcode-detector'
 import { eventOn } from './callforth'
 import { DropImageFetchError } from './errors'