Use vite as bundler

src/components/RoomAvatarPicker.vue

@@ -1,6 +1,6 @@
 <template>
   <v-avatar :class="{'room-avatar':true, 'cursor-pointer':userCanPurgeRoom}" @click="userCanPurgeRoom?showRoomAvatarPicker():null" v-if="isRoomAvatarLoaded">
-    <v-img v-if="roomAvatar" :src="roomAvatar"/>
+    <AuthedImage v-if="roomAvatar" :src="roomAvatar"/>
     <span v-else class="white--text headline">{{
       roomName.substring(0, 1).toUpperCase()
     }}</span>
@@ -28,10 +28,12 @@
 <script>
 import util from "../plugins/utils";
 import roomInfoMixin from "./roomInfoMixin";
+import AuthedImage from "./AuthedImage.vue";
 
 export default {
   name: "RoomAvatarPicker",
   mixins: [roomInfoMixin],
+  components: { AuthedImage },
   data() {
     return {
       isRoomAvatarLoaded: true,
@@ -56,7 +58,10 @@ export default {
             self.isRoomAvatarLoaded = true;
           }
         }
-      )
+      ).then((url) => {
+        console.error("UPDATE AVATAR", url);
+        this.room.avatar = url;
+      })
     },
     handleRoomPickedAvatar(event) {
       if (event.target.files && event.target.files[0]) {