npm run format

src/components/MQTTDebugConsole.vue

@@ -6,18 +6,18 @@
 </template>
 
 <script>
-import {subscribeToTopic} from '@/services/mqttService';
+import { subscribeToTopic } from '@/services/mqttService'
 
 export default {
   data() {
     return {
       messages: [] // Initialiser un tableau pour stocker les messages MQTT
-    };
+    }
   },
   created() {
     subscribeToTopic('#', (topic, message) => {
-      this.messages.push(`Topic: ${topic}, Message: ${message}`); // Ajouter le message à la liste des messages
-    }); // S'abonner à tous les topics MQTT
+      this.messages.push(`Topic: ${topic}, Message: ${message}`) // Ajouter le message à la liste des messages
+    }) // S'abonner à tous les topics MQTT
   }
 }
 </script>

src/components/MQTTDebugPublish.vue

@@ -4,25 +4,36 @@
     <select v-model="selectedTopic">
       <option v-for="topic in topics" :key="topic">{{ topic }}</option>
     </select>
-    <input type="text" v-model="message" placeholder="Saisissez votre message">
+    <input type="text" v-model="message" placeholder="Saisissez votre message" />
     <button @click="publishMessage">Publier sur MQTT</button>
   </div>
 </template>
 
 <script>
-import {publishMessage} from '@/services/mqttService';
+import { publishMessage } from '@/services/mqttService'
 
 export default {
   data() {
     return {
       message: '', // Initialiser la variable message
       selectedTopic: 'topic1',
-      topics: ['topic1', 'topic2', 'topic3', 'topic4', 'topic5', 'topic6', 'topic7', 'topic8', 'topic9', 'topic10'], // Liste des topics
-    };
+      topics: [
+        'topic1',
+        'topic2',
+        'topic3',
+        'topic4',
+        'topic5',
+        'topic6',
+        'topic7',
+        'topic8',
+        'topic9',
+        'topic10'
+      ] // Liste des topics
+    }
   },
   methods: {
     publishMessage() {
-      publishMessage(this.selectedTopic, this.message);
+      publishMessage(this.selectedTopic, this.message)
     }
   }
 }