<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>
