1. Add copy Contact link to profile 2. move copyLink changes into component

src/components/Profile.vue

@@ -49,7 +49,7 @@
         </v-col>
         <v-col class="flex-shrink-1 flex-grow-1">
           <div class="h1">{{ displayName }}</div>
-          <div class="text-center">{{ $matrix.currentUser.user_id }}</div>
+          <div class="text-center">{{ currentUserId }}</div>
           <!-- <div v-if="$matrix.currentUser.is_guest">
             {{ $t("profile.temporary_identity") }}
           </div> -->
@@ -65,6 +65,11 @@
       </v-row>
     </v-container>
 
+    <copy-link :locationLink="directMessageLink" >
+      <v-card-title class="h2">{{ $t("room_info.contact_link") }}</v-card-title>
+      <v-card-text>{{ $t("room_info.contact_link_desc") }}</v-card-text>
+    </copy-link>
+
     <v-container class="mt-2 pa-5">
       <ActionRow
         @click="showEditPasswordDialog = true"
@@ -201,6 +206,7 @@ import ActionRow from "./ActionRow.vue";
 import util from "../plugins/utils";
 import profileInfoMixin from "./profileInfoMixin";
 import LogoutRoomDialog from './LogoutRoomDialog.vue';
+import CopyLink from "./CopyLink.vue"
 
 export default {
   name: "Profile",
@@ -209,6 +215,7 @@ export default {
     ActionRow,
     SelectLanguageDialog,
     LogoutRoomDialog,
+    CopyLink
   },
   data() {
     return {
@@ -232,6 +239,12 @@ export default {
   },
 
   computed: {
+    currentUserId() {
+      return this.$matrix.currentUser.user_id
+    },
+    directMessageLink() {
+      return `${window.location.origin}/#/user/${this.currentUserId}`
+    },
     passwordsMatch() {
       return (
         !this.newPasswordHasError &&
@@ -239,7 +252,7 @@ export default {
         this.newPassword2 &&
         this.newPassword1 == this.newPassword2
       );
-    },
+    }
   },
 
   methods: {