added vision chat from server in client

luckydiamond/src/assets/js/chat/ChatLogic.js

@@ -1,9 +1,8 @@
 import { BackendWebSocketUrl } from '@/properties/Сonfig.js';
+import { eventBus } from "@/main";
 import {
     GetCookie
 } from "@/assets/js/storage/CookieStorage.js";
-import WritechatComponent from "@/components/WritechatComponent.vue";
-
 
 let webSocket;
 
@@ -18,7 +17,7 @@ export function ConnectToChat() {
 
         webSocket.onmessage = function (event) {
 
-            WritechatComponent.ClaimDatamsg(event.data);
+            eventBus.emit('dataChat', event.data)
             console.log('Message from Server:', event.data);
         };
 

luckydiamond/src/components/ChatComponent.vue

@@ -33,11 +33,14 @@
 
 <script>
 import '@/assets/css/ComponentsStyles/chat.css'
+
 import WritechatComponent from "@/components/WritechatComponent.vue";
 import { SendMessageToChat } from "@/assets/js/chat/ChatLogic.js";
+import {eventBus} from "@/main";
 
 export default {
   components: { WritechatComponent },
+  inject: [ 'eventBus' ],
   data() {
     return {
       array: [],
@@ -54,13 +57,26 @@ export default {
       }
 
       this.array.push(MsgUser)
-      
+
       SendMessageToChat(msg[0]);
 
       if(this.array.length > 7) {
         this.array.shift()
       }
     }
+  },
+  mounted() {
+    eventBus.on('dataChat', (dataFromServer) => {
+      const MsgUser = {
+        id: this.id + 1,
+        msg: dataFromServer,
+        username: dataFromServer,
+        icon: dataFromServer
+      }
+
+      this.array.push(MsgUser)
+      console.log(dataFromServer)
+    })
   }
 }
 </script>

luckydiamond/src/main.js

@@ -2,18 +2,21 @@ import { createApp } from 'vue'
 import App from './App.vue'
 
 import router from "@/router/router";
+import mitt from 'mitt'
 import { Mixins } from "@/mixins/mixin";
 import {
     ConnectToChat
 } from "@/assets/js/chat/ChatLogic.js";
 import '@/assets/css/global.css'
 
+export const eventBus = mitt()
+
 const app = createApp(App)
 
 app.use(router)
 app.mixin(Mixins)
 
 app.mount('#app')
-
+app.provide(eventBus)
 
 ConnectToChat();