add websocket

src/components/boxes/subcomponents/TableStatus.vue

@@ -21,7 +21,9 @@ export default {
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+@import '../../../assets/styles/functions';
+
 .table-status {
 	/* font-family: Ubuntu, sans-serif !important; */
 	color: #3984ff;

src/components/charts/BarChart.vue

@@ -38,8 +38,7 @@ export default {
   data() {
     return {
       id: Math.random().toString(),
-      chart: null,
-      config: {},
+      chart: null
     };
   },
   mounted() {

src/components/layout/Main.vue

@@ -14,7 +14,7 @@
 				style="
 					position: absolute;
 					bottom: 151px;
-					left: 65px;
+					left: 64px;
 					transform: scale(1.02, 1.05);
 				"
 			>
@@ -22,6 +22,7 @@
 					id="1"
 					preload="auto"
 					height="100"
+					muted
 					autoplay
 					loop
 					disablepictureinpicture
@@ -43,6 +44,7 @@
 					class="video-top"
 					preload="auto"
 					height="100"
+					muted
 					autoplay
 					loop
 					disablepictureinpicture
@@ -101,6 +103,11 @@ import FanRuntime from "../boxes/FanRuntime.vue";
 import AreaOne from "../isolate-area-1/Area.vue";
 // import Container from './Container.vue'
 
+import WsClient from "../../utils/wsClass";
+
+const wsc = new WsClient();
+wsc.registerListeners();
+
 export default {
 	name: "Main",
 	components: {