added Chart component to frontend, but didnt test

frontend/src/components/LiveChart.vue

+
+<template>
+    <Line :date="charData" :options="chartOptions"/>
+</template>
+  
+
+<script setup>
+import { Line } from 'vue-chartjs'
+import {
+    Chart as ChartJS,
+    Title,
+    Tooltip,
+    Legend,
+    LineElement,
+    PointElement,
+    LinearScale,
+    CategoryScale
+} from 'chart.js'
+import { ref, reactive } from 'vue'
+
+const chartRef = ref()
+
+ChartJS.register(Title,Tooltip,Legend,LineElement,PointElement,LinearScale,CategoryScale)
+
+const MAX_POINTS = 100 
+
+const charData = reactive({
+    labels: [],
+    datasets:[
+        {
+            label: 'co2',
+            data: [],
+            borderColor: 'rgb(255,99,132)',
+            tension: 0.1
+        },
+        {
+            label: 'humidity',
+            data: [],
+            borderColor: 'rgb(255,99,132)',
+            tension: 0.1
+        },
+        {
+            label: 'temperature',
+            data: [],
+            borderColor: 'rgb(255,99,132)',
+            tension: 0.1
+        }
+    ]
+})
+
+const chartOptions = {
+    responsive: true,
+    animation: false,
+    scales:{
+        y:{
+            beginAtZero: true
+        }
+    }
+}
+
+defineExpose({ chartData, 
+    updateChart: () => chartRef.value?.chart?.update()
+})defineProps({
+  msg: String,
+})
+
+const count = ref(0)
+
+</script>
+
+<style scoped>
+</style>