webapp: Added defineComponent to all components

webapp/src/components/DtuAdminView.vue

@@ -74,9 +74,10 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import BootstrapAlert from "@/components/partials/BootstrapAlert.vue";
 
-export default {
+export default defineComponent({
   components: {
     BootstrapAlert,
   },
@@ -133,5 +134,5 @@ export default {
         );
     },
   },
-};
+});
 </script>

webapp/src/components/FirmwareUpgradeView.vue

@@ -80,9 +80,10 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import SparkMD5 from "spark-md5";
 
-export default {
+export default defineComponent({
   data() {
     return {
       loading: true,
@@ -179,5 +180,5 @@ export default {
   mounted() {
     this.loading = false;
   },
-};
+});
 </script>

webapp/src/components/HomeView.vue

@@ -70,10 +70,11 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import InverterChannelInfo from "@/components/partials/InverterChannelInfo";
 import bootstrap from "bootstrap/dist/js/bootstrap.js";
 
-export default {
+export default defineComponent({
   components: {
     InverterChannelInfo,
   },
@@ -153,5 +154,5 @@ export default {
       this.isFirstFetchAfterConnect = true;
     },
   },
-};
+});
 </script>

webapp/src/components/InverterAdminView.vue

@@ -110,9 +110,10 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import BootstrapAlert from "@/components/partials/BootstrapAlert.vue";
 
-export default {
+export default defineComponent({
   components: {
     BootstrapAlert,
   },
@@ -245,5 +246,5 @@ export default {
       this.editInverterData.type = "";
     },
   },
-};
+});
 </script>

webapp/src/components/MqttAdminView.vue

@@ -211,9 +211,10 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import BootstrapAlert from "@/components/partials/BootstrapAlert.vue";
 
-export default {
+export default defineComponent({
   components: {
     BootstrapAlert,
   },
@@ -260,5 +261,5 @@ export default {
         );
     },
   },
-};
+});
 </script>

webapp/src/components/MqttInfoView.vue

@@ -90,7 +90,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   data() {
     return {
       mqttDataList: [],
@@ -106,5 +108,5 @@ export default {
         .then((data) => (this.mqttDataList = data));
     },
   },
-};
+});
 </script>

webapp/src/components/NetworkAdminView.vue

@@ -168,9 +168,10 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import BootstrapAlert from "@/components/partials/BootstrapAlert.vue";
 
-export default {
+export default defineComponent({
   components: {
     BootstrapAlert,
   },
@@ -217,5 +218,5 @@ export default {
         );
     },
   },
-};
+});
 </script>

webapp/src/components/NetworkInfoView.vue

@@ -15,17 +15,18 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import WifiStationInfo from "./partials/WifiStationInfo.vue";
 import WifiApInfo from "./partials/WifiApInfo.vue";
 import InterfaceStationInfo from "./partials/InterfaceStationInfo.vue";
 import InterfaceApInfo from "./partials/InterfaceApInfo.vue";
 
-export default {
+export default defineComponent({
   components: {
     WifiStationInfo,
     WifiApInfo,
     InterfaceStationInfo,
     InterfaceApInfo,
   },
-};
+});
 </script>

webapp/src/components/NtpAdminView.vue

@@ -67,9 +67,10 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import BootstrapAlert from "@/components/partials/BootstrapAlert.vue";
 
-export default {
+export default defineComponent({
   components: {
     BootstrapAlert,
   },
@@ -138,5 +139,5 @@ export default {
         );
     },
   },
-};
+});
 </script>

webapp/src/components/NtpInfoView.vue

@@ -60,7 +60,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   data() {
     return {
       ntpDataList: [],
@@ -76,5 +78,5 @@ export default {
         .then((data) => (this.ntpDataList = data));
     },
   },
-};
+});
 </script>

webapp/src/components/SystemInfoView.vue

@@ -13,15 +13,16 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import HardwareInfo from "@/components/partials/HardwareInfo.vue";
 import FirmwareInfo from "@/components/partials/FirmwareInfo.vue";
 import MemoryInfo from "@/components/partials/MemoryInfo.vue";
 
-export default {
+export default defineComponent({
   components: {
     HardwareInfo,
     FirmwareInfo,
     MemoryInfo,
   },
-};
+});
 </script>

webapp/src/components/partials/FirmwareInfo.vue

@@ -47,7 +47,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   data() {
     return {
       systemDataList: [],
@@ -79,5 +81,5 @@ export default {
         .then((data) => (this.systemDataList = data));
     },
   },
-};
+});
 </script>

webapp/src/components/partials/FsInfo.vue

@@ -25,7 +25,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   props: {
     name: String,
     total: Number,
@@ -36,5 +38,5 @@ export default {
       return Math.round((this.used / this.total) * 100);
     },
   },
-};
+});
 </script>

webapp/src/components/partials/HardwareInfo.vue

@@ -31,7 +31,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   data() {
     return {
       systemDataList: [],
@@ -47,5 +49,5 @@ export default {
         .then((data) => (this.systemDataList = data));
     },
   },
-};
+});
 </script>

webapp/src/components/partials/InterfaceApInfo.vue

@@ -23,7 +23,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   data() {
     return {
       networkDataList: [],
@@ -39,5 +41,5 @@ export default {
         .then((data) => (this.networkDataList = data));
     },
   },
-};
+});
 </script>

webapp/src/components/partials/InterfaceStationInfo.vue

@@ -39,7 +39,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   data() {
     return {
       networkDataList: [],
@@ -55,5 +57,5 @@ export default {
         .then((data) => (this.networkDataList = data));
     },
   },
-};
+});
 </script>

webapp/src/components/partials/InverterChannelInfo.vue

@@ -25,7 +25,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   props: {
     channelData: Object,
     channelNumber: Number,
@@ -35,5 +37,5 @@ export default {
       return parseFloat(num).toFixed(2);
     },
   },
-};
+});
 </script>

webapp/src/components/partials/MemoryInfo.vue

@@ -25,9 +25,10 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue';
 import FsInfo from "@/components/partials/FsInfo.vue";
 
-export default {
+export default defineComponent({
   components: {
     FsInfo,
   },
@@ -46,5 +47,5 @@ export default {
         .then((data) => (this.systemDataList = data));
     },
   },
-};
+});
 </script>

webapp/src/components/partials/WifiApInfo.vue

@@ -36,7 +36,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   data() {
     return {
       networkDataList: [],
@@ -52,5 +54,5 @@ export default {
         .then((data) => (this.networkDataList = data));
     },
   },
-};
+});
 </script>

webapp/src/components/partials/WifiStationInfo.vue

@@ -40,7 +40,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue';
+
+export default defineComponent({
   data() {
     return {
       networkDataList: [],
@@ -69,5 +71,5 @@ export default {
       return quality;
     },
   },
-};
+});
 </script>