Move build version to room info

src/App.vue

@@ -40,7 +40,7 @@
       <v-btn icon x-small @click.stop="openDrawer = !openDrawer">
         <v-icon>menu</v-icon>
       </v-btn>
-      Powered by Guardian Project. Version: {{ buildVersion }}</v-footer
+      </v-footer
     >
   </v-app>
 </template>
@@ -54,14 +54,10 @@ export default {
     RoomList,
   },
   data: () => ({
-    buildVersion: "",
     openDrawer: false,
   }),
   mounted() {
     //this.$router.replace("/");
-    const version = require("!!raw-loader!./assets/version.txt").default;
-    console.log("Version", version);
-    this.buildVersion = version;
   },
   methods: {
     loggedIn() {

src/assets/css/main.scss

@@ -60,4 +60,15 @@ $chat-button-height: 50px;
 
 .dialog-text {
     word-break: break-word;
+}
+
+.build-version {
+    font-family: 'Inter', sans-serif;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 12px;
+    line-height: 117%;
+    text-align: center;
+    letter-spacing: 0.4px;
+    color: rgba(0, 0, 0, 0.6);
 }

src/components/RoomInfo.vue

@@ -106,6 +106,8 @@
       </v-card-text>
     </v-card>
 
+    <div class="build-version">Powered by Guardian Project. Version: {{ buildVersion }}</div>
+
     <LeaveRoomDialog
       :show="showLeaveConfirmation"
       :room="room"
@@ -130,6 +132,7 @@ export default {
       displayName: "",
       showAllMembers: false,
       showLeaveConfirmation: false,
+      buildVersion: "",
     };
   },
   mounted() {
@@ -140,6 +143,11 @@ export default {
 
     // Set QR code
     this.updateQRCode();
+
+    // Display build version
+    const version = require("!!raw-loader!../assets/version.txt").default;
+    console.log("Version", version);
+    this.buildVersion = version;
   },
 
   destroyed() {