Vue 3 - Quasar v2.1.0: components dont render

[luntovsky]

Describe the bug vue-qrcode-reader was running fine on quasar v1.9.6 (vue 2) after updating to quasar v2.1.0 (vue 3) vue-qrcode-reader wouldn't render components QrcodeStream, QrcodeDropZone and QrcodeCapture despite having installed release "3.1.0-vue3-compatibility.2" of vue-qrcode-reader.

To Reproduce Sry couldn't build a min.js file of 3.1.0-vue3-compatibility.2 release to include in jsFiddle. Here are all the steps to reproduce the issue. Install Quasar:

npm install -g @quasar/cli

Create new Quasar V2 Project:

quasar create qrcode-test

confirm everything with enter, until creation process has started:

cd qrcode-test
yarn add vue-qrcode-reader@3.1.0-vue3-compatibility.2
quasar dev

import and muont vue-qrcode-reader inside src/pages/Index.vue:

<template>
  <q-page class="flex flex-center">
    <QrcodeStream />
  </q-page>
</template>

<script>
  import { defineComponent } from 'vue';
  import { QrcodeStream } from 'vue-qrcode-reader'

  export default defineComponent({
    name: 'PageIndex',
    components: { QrcodeStream }
  })
</script>

Screenshots

Desktop

• OS: macOS Big Sur
• Browser: safari
• Version 14.1.1

[mila76]

I used https://www.npmjs.com/package/vue3-qrcode-reader and work correctly

[github-actions[bot]]

This issue has been marked as stale. If there is no further activity it will be closed.