title: Ionic vue framework (CAPACITOR), QRCode Scanner Issue
body: <p>In my ionic vue.js project I using capacitor and I want to read QR Code from camera but there is no way I found on search about nothing for ionic vue.js especially. I tried more than I found this little thing <strong>'https://www.npmjs.com/package/vue3-qrcode-reader'</strong>. With this little thing I can read QR Code from web and Android phones but iOS devices not work with that. I try capacitor-barcode-scanner to. If I try with capacitor-barcode-scanner Xcode give me error like 'you need to upgrade development target version' and upgrade to. Please tell me there is no way for build QR Code scanner app with IONIC - VUE WITH CAPACITOR? ;</p>
  <p>Here is my errors with <code>vue3-qrcode-reader</code></p>
  <p><img src="https://i.stack.imgur.com/i7fg7.png" alt="safari remote console error look like" /></p>
  <p><img src="https://i.stack.imgur.com/o0tgQ.png" alt="my Xcode console on same page image" /></p>
  <p>and here is my code which I use</p>
  <pre><code>&lt;template&gt;
    &lt;ion-page&gt;
      &lt;ion-header class=&quot;ion-no-border&quot; &gt;
        &lt;ion-toolbar style=&quot;--background: var(--primary)&quot;&gt;
          &lt;ion-buttons slot=&quot;start&quot;&gt;
            &lt;ion-back-button text=&quot;&quot;&gt;&lt;/ion-back-button&gt;
          &lt;/ion-buttons&gt;
          &lt;ion-title style=&quot;color: white&quot;&gt;Please Read Barcode&lt;/ion-title&gt;
        &lt;/ion-toolbar&gt;
      &lt;/ion-header&gt;
      &lt;ion-content&gt;
        &lt;qr-stream @decode=&quot;onDecode&quot; class=&quot;mb&quot;&gt;
          &lt;div style=&quot;color: yellow;&quot; class=&quot;frame&quot;&gt;&lt;/div&gt;
        &lt;/qr-stream&gt;
  
      &lt;/ion-content&gt;
      &lt;div style=&quot;background-color: var(--primary); width: 100%; position: fixed; bottom: 0; padding: 20px&quot;&gt;
        &lt;p style=&quot;color: blue; text-align: center; color: white&quot;&gt;Please Read Barcode On Paper&lt;/p&gt;
      &lt;/div&gt;
    &lt;/ion-page&gt;
  &lt;/template&gt;
  
  &lt;script &gt;
  
  import { QrStream } from 'vue3-qr-reader';
  import { Camera } from '@capacitor/camera';
  
  import { defineComponent } from 'vue';
  import {IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from &quot;@ionic/vue&quot;;
  
  export default defineComponent({
    name: 'barcode-read',
    components: {
      QrStream,
      IonContent,
      IonPage,
      IonHeader,
      IonTitle,
      IonToolbar,
      IonBackButton,
      IonButtons,
    },
    created() {
      Camera.requestPermissions();
    },
    methods: {
      onDecode(data) {
        console.log(&quot;Decoder = &quot;+data);
        this.$router.push('Welcome')
      }
    },
  });
  
  &lt;/script&gt;
  </code></pre>