fixed prettier problems

Author: RaBa64

webapp/src/components/BarChart.vue

@@ -18,24 +18,24 @@ const options_col = {
     chartArea: {
         top: 25,
         width: '85%',
-        height: '80%'
+        height: '80%',
     },
     bar: {
-        groupWidth: '90%'
+        groupWidth: '90%',
     },
     legend: {
-        position: 'none'
+        position: 'none',
     },
     hAxis: {
         format: 'HH',
         minorGridlines: {
-            count: 0
-        }
+            count: 0,
+        },
     },
     vAxis: {
         minValue: 0,
-        format: '# Wh'
-    }
+        format: '# Wh',
+    },
 };
 export default defineComponent({
     components: {
@@ -46,7 +46,7 @@ export default defineComponent({
             chartData: data_col,
             chartOptions: options_col,
             dataLoaded: false,
-        }
+        };
     },
     created() {
         this.getInitialData();
@@ -55,15 +55,20 @@ export default defineComponent({
     methods: {
         getInitialData() {
             this.dataLoaded = false;
-            fetch("/api/databaseHour", { headers: authHeader() })
+            fetch('/api/databaseHour', { headers: authHeader() })
                 .then((response) => handleResponse(response, this.$emitter, this.$router))
                 .then((energy) => {
                     if (energy) {
-                        this.chartData = [[{ type: 'date', id: 'Time' }, { type: 'number', id: 'Energy' }]];
+                        this.chartData = [
+                            [
+                                { type: 'date', id: 'Time' },
+                                { type: 'number', id: 'Energy' },
+                            ],
+                        ];
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         energy.forEach((x: any[]) => {
                             const d = new Date(x[0] + 2000, x[1] - 1, x[2], x[3]);
-                            this.chartData.push([d, Math.round(x[4])])
+                            this.chartData.push([d, Math.round(x[4])]);
                         });
                         this.dataLoaded = true;
                     }
@@ -76,7 +81,7 @@ export default defineComponent({
         },
         callEveryHour() {
             this.getInitialData();
-            setInterval(this.getInitialData, 1000 * 60 * 60);   // refresh every hour
+            setInterval(this.getInitialData, 1000 * 60 * 60); // refresh every hour
         },
         startautorefresh() {
             const nextDate = new Date();
@@ -86,6 +91,6 @@ export default defineComponent({
             const difference: number = nextDate.valueOf() - Date.now();
             setTimeout(this.callEveryHour, difference);
         },
-    }
+    },
 });
 </script>

webapp/src/components/CalendarChart.vue

@@ -1,14 +1,20 @@
 <template>
     <div class="card row" v-if="dataLoaded">
-        <CalendarHeatmap :values="values" :round="1" :end-date="endDate" :style="{'font-size': '10px'}" tooltip-unit="Wh" />
+        <CalendarHeatmap
+            :values="values"
+            :round="1"
+            :end-date="endDate"
+            :style="{ 'font-size': '10px' }"
+            tooltip-unit="Wh"
+        />
     </div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { CalendarHeatmap } from 'vue3-calendar-heatmap'
+import { CalendarHeatmap } from 'vue3-calendar-heatmap';
 import { authHeader, handleResponse } from '@/utils/authentication';
-const data: Array<{ date: Date; count: number; }> = [];
+const data: Array<{ date: Date; count: number }> = [];
 
 export default defineComponent({
     components: {
@@ -19,7 +25,7 @@ export default defineComponent({
             values: data,
             endDate: new Date(),
             dataLoaded: false,
-        }
+        };
     },
     created() {
         this.getInitialData();
@@ -28,24 +34,24 @@ export default defineComponent({
     methods: {
         getInitialData() {
             this.dataLoaded = false;
-            fetch("/api/databaseDay", { headers: authHeader() })
+            fetch('/api/databaseDay', { headers: authHeader() })
                 .then((response) => handleResponse(response, this.$emitter, this.$router))
                 .then((energy) => {
                     if (energy) {
                         this.values = [];
                         let d: Date;
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         energy.forEach((x: any[]) => {
-                            d = new Date(x[0] + 2000, x[1] - 1, x[2], x[3])
-                            this.values.push({ date: d, count: Math.round(x[4]) })
-                        })
+                            d = new Date(x[0] + 2000, x[1] - 1, x[2], x[3]);
+                            this.values.push({ date: d, count: Math.round(x[4]) });
+                        });
                         this.dataLoaded = true;
                     }
-                })
+                });
         },
         callEveryHour() {
             this.getInitialData();
-            setInterval(this.getInitialData, 1000 * 60 * 60);   // refresh every hour
+            setInterval(this.getInitialData, 1000 * 60 * 60); // refresh every hour
         },
         startautorefresh() {
             const nextDate = new Date();
@@ -55,6 +61,6 @@ export default defineComponent({
             const difference: number = nextDate.valueOf() - Date.now();
             setTimeout(this.callEveryHour, difference);
         },
-    }
+    },
 });
 </script>

webapp/src/components/MemoryInfo.vue

@@ -22,7 +22,7 @@
                         :total="systemStatus.psram_total"
                         :used="systemStatus.psram_used"
                     />
-                    <a href='/api/database'>Read Database</a>
+                    <a href="/api/database">Read Database</a>
                     <FsInfo
                         :name="$t('memoryinfo.LittleFs')"
                         :total="systemStatus.littlefs_total"

webapp/src/views/HomeView.vue

@@ -504,8 +504,8 @@ import DevInfo from '@/components/DevInfo.vue';
 import EventLog from '@/components/EventLog.vue';
 import GridProfile from '@/components/GridProfile.vue';
 import HintView from '@/components/HintView.vue';
-import BarChart from "@/components/BarChart.vue";
-import CalendarChart from "@/components/CalendarChart.vue";
+import BarChart from '@/components/BarChart.vue';
+import CalendarChart from '@/components/CalendarChart.vue';
 import InverterChannelInfo from '@/components/InverterChannelInfo.vue';
 import InverterTotalInfo from '@/components/InverterTotalInfo.vue';
 import ModalDialog from '@/components/ModalDialog.vue';