(fix) immediate newMessages watcher

advanced-chat · Mar 17, 2021 · a4af5ef · a4af5ef
1 parent 453bacc
commit a4af5ef
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/ChatWindow/Message/Message.vue b/src/ChatWindow/Message/Message.vue
@@ -286,14 +286,17 @@ export default {
 	},
 
 	watch: {
-		newMessages(val) {
-			if (!val.length || !this.showNewMessagesDivider) {
-				return (this.newMessage = {})
+		newMessages: {
+			immediate: true,
+			handler(val) {
+				if (!val.length || !this.showNewMessagesDivider) {
+					return (this.newMessage = {})
+				}
+
+				this.newMessage = val.reduce((res, obj) =>
+					obj.index < res.index ? obj : res
+				)
 			}
-
-			this.newMessage = val.reduce((res, obj) =>
-				obj.index < res.index ? obj : res
-			)
 		}
 	},