title: Laravel QR reader not using .vue file
body: <p>I installed gruhn/vue-qrcode-reader package for reading QR codes.</p>
  
  <p>this is my qrscan.blade.php</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;title&gt;Vue&lt;/title&gt;
          &lt;link href="{{ mix('css/app.css') }}" rel="stylesheet" type="text/css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="app"&gt;&lt;/div&gt; 
          &lt;script src="{{ mix('js/app.js') }}"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>require('./bootstrap');
  
  window.Vue = require('vue');
  
  import Vue from 'vue' 
  import VueQrcodeReader from 'vue-qrcode-reader'
  
  Vue.use(VueQrcodeReader)
  
  const app = new Vue({
      el: '#app',
      components: { App },
  });
  </code></pre>
  
  <p>and my vue-qrcode-reader.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;QrcodeReader
      :paused="paused"
      @decode="onDecode"
      @init="onInit"&gt;
      &lt;div v-if="content" class="decoded-content"&gt;{{ content }}&lt;/div&gt;
  
      &lt;LoadingIndicator v-show="loading" /&gt;
    &lt;/QrcodeReader&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import { QrcodeReader } from 'vue-qrcode-reader'
  import InitHandler from '@/mixins/InitHandler'
  export default {
    components: { QrcodeReader },
    mixins: [ InitHandler ],
    data () {
      return {
        paused: false,
        content: null
      }
    },
    methods: {
      onDecode (content) {
        this.content = content
        this.paused = true
      }
    }
  }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  .
  .
  .
  &lt;/style&gt;
  </code></pre>
  
  <p>And this is my route</p>
  
  <pre><code>Route::get('/qrscan', 'InventoryItemController@QRscan'); 
  </code></pre>
  
  <p>What am I doing wrong? All i get is blank page its like my .vue file is not detected by my blade.php file.</p>