document is not defined in Nuxt

I use vue-qr-reader with<client-only> tag in Nuxt project, but I have an error: document is not defined and infinity loading page

To Reproduce

<template>
  <client-only>
     <QrcodeStream />
  </client-only>
</template>

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

Desktop

• OS: ubuntu 16.04
• Browser: chrome 79
• Version “vue-qrcode-reader”: “^2.1.1”

[radislaw]

I created plugin file for use VueQrcodeReader globally

import Vue from 'vue'
import VueQrcodeReader from 'vue-qrcode-reader'

Vue.use(VueQrcodeReader)

Then added it in nuxt.config.js with mode: ‘client’

 plugins: [
    { src: '@/plugins/qrCodeReader.js', mode: 'client' }
]

And just use it:

<qrcode-stream @decode="onDecode" />

I think this should be added to the documentation.

[delrueba]

Wrap the QrcodeStream in your own component and then import your component like this

components: { scanner: () => import('@/components/client-only/Scanner') }

<client-only>
  <scanner />
</client-only>