Get dm link

src/components/CopyLink.vue

@@ -7,7 +7,12 @@
         <v-row cols="12" class="qr-container ma-3">
           <v-col cols="auto">
             <canvas
-              @click.stop="showFullScreenQR = true"
+              v-longTap:250="[
+                ()=> {
+                  showFullScreenQR = true;
+                },
+                (el) => { $emit('long-tap', el); }
+              ]"
               ref="roomQr"
               class="qr"
               id="room-qr"
@@ -32,7 +37,7 @@
       </v-container>
     </v-card>
   </v-expand-transition>
-  <QRCodePopup :show="showFullScreenQR" :message="locationLink" @close="showFullScreenQR = false" />
+  <QRCodePopup :show="showFullScreenQR" :message="locationLink" :title="popupTitle" @close="showFullScreenQR = false" />
 </div>
 </template>
 
@@ -51,7 +56,12 @@ export default {
     i18nCopyLinkKey: {
       type: String,
       default: 'copy_link'
+    },
+    i18nQrPopupTitleKey: {
+      type: String,
+      default: 'room_info.scan_code'
     }
+
   },
   data() {
     return {
@@ -59,6 +69,11 @@ export default {
       showFullScreenQR: false,
     }
   },
+  computed: {
+    popupTitle() {
+      return this.$t(this.i18nQrPopupTitleKey);
+    }
+  },
   methods: {
     copyRoomLink() {
       if(this.locationLinkCopied) return
@@ -87,7 +102,7 @@ export default {
           {
             type: "image/png",
             margin: 1,
-            width: 60,
+            width: canvas.getBoundingClientRect().width,
           },
           function (error) {
             if (error) console.error(error);