<template>
  <div>
    <div v-if="!cameraActive" class="q-ma-md">
      <p class="text-h4">QR-Scanner</p>
      <p class="">Mit diesem Scanner kannst du die nächste Station deines Caches einscannen
        oder einen neuen Cache beginnen indem du eine der Startstationen einscannst.
        Du findest die Startstationen über die Karte.</p>
    </div>
    <qrscanner @camera="cameraState($event)" />
  </div>
</template>

<script>
  import qrscanner from "../components/qrscanner";
  export default {
    name: 'Scanner',
    components: {qrscanner},
    data() {
      return {
        cameraActive: false,
      }
    },

    methods: {
      cameraState(event) {
        this.cameraActive = event;
      }
    },
  }
</script>

<style>
</style>
