webapp: create interface for MqttStatus

webapp/src/types/MqttStatus.ts

@@ -0,0 +1,17 @@
+export interface MqttStatus {
+    mqtt_enabled: boolean,
+    mqtt_hostname: string,
+    mqtt_port: number,
+    mqtt_username: string,
+    mqtt_topic: string,
+    mqtt_publish_interval: number,
+    mqtt_retain: boolean,
+    mqtt_tls: boolean,
+    mqtt_root_ca_cert_info: string,
+    mqtt_connected: boolean,
+    mqtt_hass_enabled: boolean,
+    mqtt_hass_expire: boolean,
+    mqtt_hass_retain: boolean,
+    mqtt_hass_topic: string,
+    mqtt_hass_individualpanels: boolean
+}

webapp/src/views/MqttInfoView.vue

@@ -159,36 +159,21 @@
 </template>
 
 <script lang="ts">
+import type { MqttStatus } from '@/types/MqttStatus';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
     data() {
         return {
             dataLoading: true,
-            mqttDataList: {
+            mqttDataList: {} as MqttStatus,
-                mqtt_enabled: false,
-                mqtt_hostname: "",
-                mqtt_port: 0,
-                mqtt_username: "",
-                mqtt_topic: "",
-                mqtt_publish_interval: 0,
-                mqtt_retain: false,
-                mqtt_tls: false,
-                mqtt_root_ca_cert_info: "",
-                mqtt_connected: false,
-                mqtt_hass_enabled: false,
-                mqtt_hass_expire: false,
-                mqtt_hass_retain: false,
-                mqtt_hass_topic: "",
-                mqtt_hass_individualpanels: false
-            },
         };
     },
     created() {
-        this.getNtpInfo();
+        this.getMqttInfo();
     },
     methods: {
-        getNtpInfo() {
+        getMqttInfo() {
             this.dataLoading = true;
             fetch("/api/mqtt/status")
                 .then((response) => response.json())