fix: qrcode import changed in qrcode.vue package (#3618)

lnbits/static/js/components/lnbits-qrcode.js

@@ -2,7 +2,7 @@ window.app.component('lnbits-qrcode', {
   mixins: [window.windowMixin],
   template: '#lnbits-qrcode',
   components: {
-    QrcodeVue
+    QrcodeVue: QrcodeVue.default
   },
   props: {
     value: {

lnbits/templates/components.vue

@@ -10,6 +10,7 @@ include('components/admin/extensions.vue') %} {%
 include('components/admin/assets-config.vue') %} {%
 include('components/admin/notifications.vue') %} {%
 include('components/admin/server.vue') %} {%
+include('components/lnbits-qrcode.vue') %} {%
 include('components/lnbits-qrcode-scanner.vue') %} {%
 include('components/lnbits-disclaimer.vue') %} {%
 include('components/lnbits-footer.vue') %} {%
@@ -502,68 +503,6 @@ include('components/lnbits-error.vue') %}
   </q-btn>
 </template>
 
-<template id="lnbits-qrcode">
-  <div
-    class="qrcode__outer"
-    :style="`margin: 13px auto; max-width: ${maxWidth}px`"
-  >
-    <div ref="qrWrapper" class="qrcode__wrapper">
-      <a
-        :href="href"
-        :title="href === '' ? value : href"
-        @click="clickQrCode"
-        class="no-link full-width"
-      >
-        <qrcode-vue
-          ref="qrCode"
-          :value="value"
-          :margin="margin"
-          :size="size"
-          level="Q"
-          render-as="svg"
-          class="rounded-borders q-mb-sm"
-        >
-          <q-tooltip :model-value="href === '' ? value : href"></q-tooltip>
-        </qrcode-vue>
-      </a>
-      <q-img
-        :src="logo"
-        class="qrcode__image"
-        alt="qrcode icon"
-        style="pointer-events: none"
-      ></q-img>
-    </div>
-    <div
-      v-if="showButtons"
-      class="qrcode__buttons row q-gutter-x-sm items-center justify-end no-wrap full-width"
-    >
-      <q-btn
-        v-if="nfc && nfcSupported"
-        :disabled="nfcTagWriting"
-        flat
-        dense
-        class="text-grey"
-        icon="nfc"
-        @click="writeNfcTag"
-      >
-        <q-tooltip>Write NFC Tag</q-tooltip>
-      </q-btn>
-      <q-btn flat dense class="text-grey" icon="download" @click="downloadSVG">
-        <q-tooltip>Download SVG</q-tooltip>
-      </q-btn>
-      <q-btn
-        flat
-        dense
-        class="text-grey"
-        @click="utils.copyText(value)"
-        icon="content_copy"
-      >
-        <q-tooltip>Copy</q-tooltip>
-      </q-btn>
-    </div>
-  </div>
-</template>
-
 <template id="lnbits-qrcode-lnurl">
   <div class="qrcode_lnurl__wrapper">
     <q-tabs

lnbits/templates/components/lnbits-qrcode.vue

@@ -0,0 +1,61 @@
+<template id="lnbits-qrcode">
+  <div
+    class="qrcode__outer"
+    :style="`margin: 13px auto; max-width: ${maxWidth}px`"
+  >
+    <div ref="qrWrapper" class="qrcode__wrapper">
+      <a
+        :href="href"
+        :title="href === '' ? value : href"
+        @click="clickQrCode"
+        class="no-link full-width"
+      >
+        <qrcode-vue
+          ref="qrCode"
+          :value="value"
+          :margin="margin"
+          :size="size"
+          level="Q"
+          render-as="svg"
+          class="rounded-borders q-mb-sm"
+        >
+          <q-tooltip :model-value="href === '' ? value : href"></q-tooltip>
+        </qrcode-vue>
+      </a>
+      <q-img
+        :src="logo"
+        class="qrcode__image"
+        alt="qrcode icon"
+        style="pointer-events: none"
+      ></q-img>
+    </div>
+    <div
+      v-if="showButtons"
+      class="qrcode__buttons row q-gutter-x-sm items-center justify-end no-wrap full-width"
+    >
+      <q-btn
+        v-if="nfc && nfcSupported"
+        :disabled="nfcTagWriting"
+        flat
+        dense
+        class="text-grey"
+        icon="nfc"
+        @click="writeNfcTag"
+      >
+        <q-tooltip>Write NFC Tag</q-tooltip>
+      </q-btn>
+      <q-btn flat dense class="text-grey" icon="download" @click="downloadSVG">
+        <q-tooltip>Download SVG</q-tooltip>
+      </q-btn>
+      <q-btn
+        flat
+        dense
+        class="text-grey"
+        @click="utils.copyText(value)"
+        icon="content_copy"
+      >
+        <q-tooltip>Copy</q-tooltip>
+      </q-btn>
+    </div>
+  </div>
+</template>