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
+      this.messages.push(`Topic: ${topic}, Message: ${message}`) // Ajouter le message à la liste des messages
-    }); // S'abonner à tous les topics MQTT
+    }) // 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)
     }
   }
 }

src/services/mqttService.js

@@ -1,19 +1,19 @@
-import mqtt from 'mqtt';
+import mqtt from 'mqtt'
-import config from '@/config.js';
+import config from '@/config.js'
 
-const mqttBrokerUrl = config.mqttBrokerUrl;
+const mqttBrokerUrl = config.mqttBrokerUrl
 // Créer une instance de client MQTT
-const client = mqtt.connect(mqttBrokerUrl);
+const client = mqtt.connect(mqttBrokerUrl)
 
 // Fonction pour publier un message sur un topic MQTT
 export function publishMessage(topic, message) {
-  client.publish(topic, message);
+  client.publish(topic, message)
 }
 
 // Fonction pour s'abonner à un topic MQTT et écouter les messages entrants
 export function subscribeToTopic(topic, callback) {
-  client.subscribe(topic);
+  client.subscribe(topic)
   client.on('message', (receivedTopic, message) => {
-    callback(receivedTopic.toString(), message.toString());
+    callback(receivedTopic.toString(), message.toString())
-  });
+  })
 }

src/views/MQTTDebugView.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import PublishMQTTComponent from '@/components/MQTTDebugPublish.vue'; // Importer le composant pour publier sur MQTT
+import PublishMQTTComponent from '@/components/MQTTDebugPublish.vue' // Importer le composant pour publier sur MQTT
-import MQTTConsoleComponent from '@/components/MQTTDebugConsole.vue'; // Importer le composant pour la console MQTT
+import MQTTConsoleComponent from '@/components/MQTTDebugConsole.vue' // Importer le composant pour la console MQTT
 
 export default {
   components: {