update

src/components/layout/Main.vue

@@ -47,7 +47,7 @@
 			<GasFlow />
 		</div>
 		<div class="absolute left top-temp">
-			<TopTemp />
+			<TopTemp :chart-one="kilnTop1" :chart-two="kilnTop2" />
 		</div>
 		<div class="absolute left bottom-temp">
 			<BottomTemp />
@@ -77,12 +77,10 @@ import OutWater from "../boxes/OutWater.vue";
 import FanRuntime from "../boxes/FanRuntime.vue";
 import AreaOne from "../isolate-area-1/Area.vue";
 // import Container from './Container.vue'
+import { mapMutations, mapState } from "vuex";
 
 import WsClient from "../../utils/wsClass";
 
-const wsc = new WsClient();
-wsc.registerListeners();
-
 export default {
 	name: "Main",
 	components: {
@@ -102,6 +100,34 @@ export default {
 	data() {
 		return {};
 	},
+	computed: mapState([
+		"kilnPressure",
+		"oilTable1",
+		"oilTable2",
+		"gasTable1",
+		"gasTable2",
+		"kilnTop1",
+		"kilnTop2",
+		"kilnBtm1",
+		"kilnBtm2",
+		"xiCao1",
+		"xiCao2",
+		"kilnWaterIn",
+		"kilnWaterOut",
+	]),
+	mounted() {
+		const wsc = new WsClient(this);
+		wsc.registerListeners();
+	},
+	// watch: {
+	//  // works
+	// 	'kilnTop1': val => {
+	// 		console.log('val', val)
+	// 	}
+	// },
+	methods: {
+		...mapMutations(["update"]),
+	},
 };
 </script>