From bd29624c794fe6fe0b0ea0057fc6efe32aab273f Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 31 Mar 2023 16:01:43 +0200
Subject: [PATCH] Refactor downloadImg to refs

---
 frontend/src/components/QrCode/FigureQrCode.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/QrCode/FigureQrCode.vue b/frontend/src/components/QrCode/FigureQrCode.vue
index 350cc3f61..40b1098dc 100644
--- a/frontend/src/components/QrCode/FigureQrCode.vue
+++ b/frontend/src/components/QrCode/FigureQrCode.vue
@@ -2,9 +2,15 @@
   <div class="figure-qr-code">
     <div class="qrbox">
       <div>
-        <q-r-canvas :options="options" class="canvas mb-3" id="qrcanvas" />
+        <q-r-canvas :options="options" class="canvas mb-3" id="qrcanvas" ref="canvas" />
       </div>
-      <a id="download" download="GradidoLinkQRCode.png" href="" @click="downloadImg(this)">
+      <a
+        id="download"
+        ref="download"
+        download="GradidoLinkQRCode.png"
+        href=""
+        @click="downloadImg(this)"
+      >
         {{ $t('download') }}
       </a>
     </div>
@@ -44,9 +50,9 @@ export default {
   },
   methods: {
     downloadImg() {
-      const canvas = document.getElementById('qrcanvas')
+      const canvas = this.$refs.canvas.$el
       const image = canvas.toDataURL('image/png')
-      document.getElementById('download').href = image
+      this.$refs.download.href = image
     },
   },
 }