Use vite as bundler

src/components/ChatHeaderPrivate.vue

@@ -37,7 +37,7 @@
       <v-col v-if="$matrix.joinedRooms.length > 1" 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>
@@ -75,8 +75,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>
 
@@ -84,8 +82,7 @@
 import LeaveRoomDialog from "../components/LeaveRoomDialog";
 import ProfileInfoPopup from "../components/ProfileInfoPopup";
 import MoreMenuPopup from "../components/MoreMenuPopup";
-import RoomExport from "../components/RoomExport";
-
+import AuthedImage from "./AuthedImage.vue";
 import ChatHeader from "./ChatHeader.vue";
 
 export default {
@@ -95,7 +92,7 @@ export default {
     LeaveRoomDialog,
     ProfileInfoPopup,
     MoreMenuPopup,
-    RoomExport
+    AuthedImage
   },
 };
 </script>