qr scanner dialog

lnbits/templates/components/lnbits-qrcode-scanner.vue

@@ -1,6 +1,10 @@
 <template id="lnbits-qrcode-scanner">
-  <q-dialog v-model="showScanner" position="top">
+  <lnbits-dialog
-    <q-card class="q-pa-lg q-pt-xl">
+    :show="showScanner"
+    :cancel-label="$t('cancel')"
+    @update:show="showScanner = $event"
+    @cancel="reset"
+  >
     <div class="text-center q-mb-lg">
       <qrcode-stream
         @detect="detect"
@@ -8,15 +12,5 @@
         class="rounded-borders"
       ></qrcode-stream>
     </div>
-      <div class="row q-mt-lg">
+  </lnbits-dialog>
-        <q-btn
-          @click="reset"
-          flat
-          color="grey"
-          class="q-ml-auto"
-          :label="$t('cancel')"
-        ></q-btn>
-      </div>
-    </q-card>
-  </q-dialog>
 </template>