Use vite as bundler

src/components/ChatHeader.vue

@@ -6,7 +6,7 @@
         class="chat-header-members text-start ma-0 pa-0"
       >
         <v-avatar size="48" class="clickable me-2 chat-header-avatar" color="grey" @click.stop="onAvatarClicked">
-          <v-img v-if="roomAvatar" :src="roomAvatar" />
+          <AuthedImage v-if="roomAvatar" :src="roomAvatar" />
           <span v-else class="white--text headline">{{
             room.name.substring(0, 1).toUpperCase()
           }}</span>
@@ -33,7 +33,7 @@
       <v-col cols="auto" class="text-end ma-0 pa-0 ms-1">
         <v-avatar :class="{ 'avatar-32': true, 'clickable': true, 'popup-open': showProfileInfo }" size="26"
           color="#e0e0e0" @click.stop="showProfileInfo = true">
-          <img v-if="userAvatar" :src="userAvatar" />
+          <AuthedImage v-if="userAvatar" :src="userAvatar" />
           <span v-else class="white--text">{{ userAvatarLetter }}</span>
         </v-avatar>
       </v-col>
@@ -65,8 +65,6 @@
     <MoreMenuPopup :show="showMoreMenu" :menuItems="moreMenuItems" @close="showMoreMenu = false"
       v-on:leave="showLeaveConfirmation = true" />
 
-    <RoomExport :room="room" v-if="downloadingChat" v-on:close="downloadingChat = false" />
-
   </v-container>
 </template>
 
@@ -75,8 +73,7 @@ import LeaveRoomDialog from "../components/LeaveRoomDialog";
 import ProfileInfoPopup from "../components/ProfileInfoPopup";
 import MoreMenuPopup from "../components/MoreMenuPopup";
 import profileInfoMixin from "../components/profileInfoMixin";
-import RoomExport from "../components/RoomExport";
-
+import AuthedImage from "./AuthedImage.vue";
 import roomInfoMixin from "./roomInfoMixin";
 
 export default {
@@ -86,7 +83,7 @@ export default {
     LeaveRoomDialog,
     ProfileInfoPopup,
     MoreMenuPopup,
-    RoomExport
+    AuthedImage
   },
   data() {
     return {
@@ -94,7 +91,6 @@ export default {
       showLeaveConfirmation: false,
       showProfileInfo: false,
       showMoreMenu: false,
-      downloadingChat: false,
       showMissedItemsInfo: false,
 
       /** Timer for showing the "missed items" hint */
@@ -142,7 +138,7 @@ export default {
       if (this.userCanExportChat) {
         items.push({
           icon: '$vuetify.icons.ic_download', text: this.$t('room_info.download_chat'), handler: () => {
-            this.downloadingChat = true;
+            this.$emit("download", { event: this.event });
           }
         });
       }
@@ -171,7 +167,9 @@ export default {
             40,
             40,
             "scale",
-            true
+            true,
+            false,
+            this.$matrix.useAuthedMedia
           );
         }
       }