(fix) improve loading pattern

Author: antoine92190

src/ChatWindow/ChatWindow.vue

@@ -113,15 +113,18 @@ export default {
 	},
 
 	watch: {
-		rooms(newVal, oldVal) {
-			if (newVal[0] && newVal.length !== oldVal.length) {
-				if (this.roomId) {
-					const room = newVal.find(r => r.roomId === this.roomId)
-					this.fetchRoom({ room })
-				} else if (!this.isMobile) {
-					this.fetchRoom({ room: this.orderedRooms[0] })
-				} else {
-					this.showRoomsList = true
+		rooms: {
+			immediate: true,
+			handler(newVal, oldVal) {
+				if (newVal[0] && (!oldVal || newVal.length !== oldVal.length)) {
+					if (this.roomId) {
+						const room = newVal.find(r => r.roomId === this.roomId)
+						this.fetchRoom({ room })
+					} else if (!this.isMobile) {
+						this.fetchRoom({ room: this.orderedRooms[0] })
+					} else {
+						this.showRoomsList = true
+					}
 				}
 			}
 		},
@@ -157,7 +160,7 @@ export default {
 		}
 	},
 
-	mounted() {
+	created() {
 		this.updateResponsive()
 		window.addEventListener('resize', ev => {
 			if (ev.isTrusted) this.updateResponsive()

src/ChatWindow/RoomsList.vue

@@ -114,8 +114,12 @@ export default {
 		rooms(val) {
 			this.filteredRooms = val
 		},
-		room(val) {
-			if (val) this.selectedRoomId = val.roomId
+
+		room: {
+			immediate: true,
+			handler(val) {
+				if (val && !this.isMobile) this.selectedRoomId = val.roomId
+			}
 		}
 	},
 
@@ -129,7 +133,7 @@ export default {
 		},
 		openRoom(room) {
 			if (room.roomId === this.room.roomId && !this.isMobile) return
-			this.selectedRoomId = room.roomId
+			if (!this.isMobile) this.selectedRoomId = room.roomId
 			this.$emit('fetchRoom', { room })
 		},
 		addRoom() {