vue-mqtt in combination with the vuex

[cgHome]

Is there an example how to use the vue-mqtt in combination with the vuex ?

[vadimmelnicuk]

In the App.vue in the mounted() block you can subscribe to mqtt topics.

mounted() {
      this.$mqtt.subscribe('topic/#')
  }

Then also in the App.vue in the mqtt block you can update certain veux state values using a comit, for example:

 mqtt: {
    'topic/#'(data, topic) {
      this.$store.commit('updateState', data)
    }
  }

Your store would look something like that:

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
     topicValue: null
  },
  mutations: {
    updateState(state, payload) {
      state.topicValue = payload
    }
  }
})

Finally, in any component you can map the store state:

import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState(['topicValue'])
  }
}

I hope, this answers your question.