complete migration to vue 3

src/components/Chart.vue

@@ -29,7 +29,6 @@ export default {
 
     const fetchData = async () => {
       if (window.value && type.value) {
-        console.log(window.value, type.value)
         loading.value = true
         const typeApi = {
           temperatuur: 'temperature',
@@ -81,38 +80,6 @@ export default {
         series: [{ name: capitalizeFirstLetter(type.value), data: chartData }],
         credits: { enabled: false }
       })
-      // Highcharts.chart(chart.value, {
-      //   chart: { styledMode: true, marginBottom: 25 },
-      //   title: { text: '' },
-      //   legend: { enabled: false },
-      //   plotOptions: { series: { animation: false, marker: { enabled: false } } },
-      //   xAxis: {
-      //     type: 'datetime',
-      //     dateTimeLabelFormats: {
-      //       millisecond: '%H:%M:%S.%L',
-      //       second: '%H:%M:%S',
-      //       minute: '%H:%M',
-      //       hour: '%H:%M',
-      //       day: '%a %e %b',
-      //       week: '%e %b',
-      //       month: "%b '%y",
-      //       year: '%Y'
-      //     }
-      //   },
-      //   yAxis: {
-      //     labels: {
-      //       formatter() {
-      //         console.log(type)
-      //         const suffix = type === 'temperatuur' ? '°C' : '%'
-      //         return this.value + suffix
-      //       }
-      //     },
-      //     title: { enabled: false },
-      //     minTickInterval: 0.1
-      //   },
-      //   series: [{ name: capitalizeFirstLetter(type.value), chartData }],
-      //   credits: { enabled: false }
-      // })
     }
     watch([window, type], ([newWindow, newType], [oldWindow, oldType]) => {
       if (newWindow !== oldWindow || newType !== oldType) {