key for each chat for re-rendering

Author: supalarry

frontend/src/components/app/matches/Chat.vue

@@ -128,15 +128,6 @@ export default {
       this.scrollChatToBottom();
     },
   },
-  watch: {
-    chatWithUserId: {
-      async handler() {
-        if (this.chatWithUserId) {
-          await this.prepareChatForNewUser();
-        }
-      },
-    },
-  },
   async beforeMount() {
     await this.prepareChatForNewUser();
     this.loggedInUserId = this.$store.getters.getLoggedInUser.id;

frontend/src/views/app/Matches.vue

@@ -41,6 +41,7 @@
       </div>
       <Chat class="absolute top-0 w-full h-full bg-white-matcha
       md:relative md:ml-4"
+            :key="chatWithUserId"
             v-if="chatWithUserId"
             v-bind:chatWithUserId="chatWithUserId"
             v-on:new-message="fetchMessages"