Используйте простой сканер штрих-кода vuejs

Question

Я понимаю, что веб-приложение с прогрессивными приложениями ищет приложение npm для сканирования штрих-кодов или QrCode.Поэтому я перешел к сканеру простых штрих-кодов, но признаю, что из-за этого я совсем не вижу, как правильно его использовать.

Вот мой компонент или я хочу отобразить камеру для сканирования штрих-кода:

    <template>
  <div id="app">
    <div class="container">
      <router-link class="waves-effect waves-light btn" to="/home"><i class="material-icons">arrow_back</i>
      </router-link>
    </div>
  </div>
</template>

<script>
  import BarcodeScanner from 'simple-barcode-scanner';
  const scanner = BarcodeScanner()

  export default {
    name: 'delivered',
    methods: {
      undo () {
        this.$refs.signaturePad.undoSignature()
      },
      save () {
        const { isEmpty, data } = this.$refs.signaturePad.saveSignature()
        alert('Open DevTools see the save data.')
        console.log(isEmpty)
        console.log(data)
      }
    }
  }
</script>

Мой вопрос: как его использовать?быть в состоянии отобразить камеру для сканера?

Спасибо за помощь