BrainBlast/src/components/MQTTDebugConsole.vue

<template>
  <div>
    <h1>Console MQTT</h1>
    <div v-for="(message, index) in messages" :key="index">{{ message }}</div>
  </div>
</template>

<script>
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
  }
}
</script>