fix: errorCorrectLevel error.

example/App.vue

@@ -62,8 +62,8 @@
         <div class="col-sm-10">
           <select v-model="level" class="form-control">
             <option value="L">L</option>
-            <option value="Q">Q</option>
             <option value="M">M</option>
+            <option value="Q">Q</option>
             <option value="H">H</option>
           </select>
         </div>
@@ -120,7 +120,7 @@ import QrcodeVue from '../src'
 
 const value = ref('https://example.com')
 const size = ref(100)
-const level = ref<'L' | 'Q' | 'M' | 'H'>('L')
+const level = ref<'L' | 'M' | 'Q' | 'H'>('L')
 const background = ref('#ffffff')
 const foreground = ref('#000000')
 const renderAs = ref<'canvas' | 'svg'>('svg')

package.json

@@ -1,6 +1,6 @@
 {
   "name": "qrcode.vue",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "A Vue.js component to generate QRCode.",
   "main": "dist/qrcode.vue.cjs.js",
   "module": "dist/qrcode.vue.esm.js",

src/index.ts

@@ -1,5 +1,6 @@
 import { defineComponent, h, onMounted, onUpdated, PropType, ref } from 'vue'
-import QR, { ErrorCorrectLevel } from 'qr.js'
+import QR from 'qr.js/lib/QRCode.js'
+import ErrorCorrectLevel from 'qr.js/lib/ErrorCorrectLevel.js'
 
 type Modules = boolean[][]
 type Level = 'L' | 'M' | 'Q' | 'H'
@@ -20,7 +21,11 @@ function QRCode(data: string, level: Level): { modules: Modules } {
   const errorCorrectLevel = ErrorCorrectLevel[level]
 
   // We'll use type===-1 to force QRCode to automatically pick the best type
-  return QR(toUTF8String(data), { typeNumber: -1, errorCorrectLevel })
+  const qrcode = new QR(-1, errorCorrectLevel)
+  qrcode.addData(toUTF8String(data))
+  qrcode.make()
+
+  return qrcode
 }
 
 function validErrorCorrectLevel(level: string): boolean {

typings/index.d.ts

@@ -1,4 +1,5 @@
-declare module 'qr.js'
+declare module 'qr.js/lib/QRCode.js'
+declare module 'qr.js/lib/ErrorCorrectLevel.js'
 
 // shims-vue.d.ts
 declare module '*.vue' {