How to update a variable in a component from store?

Question

Vue.js

in the modal I write the selected category to the store like this

getCategory(category) {
      this.$store.commit('categories/SELECT_CATEGORY', category)
    },

store categories.js itself

export const state = () => ({
  categories: [],
  category: [],
})

export const mutations = {
  SELECT_CATEGORY(state, category) {
    state.category = category
  },
}

how to update the category_id variable in data() in another component

data(){
  return{
     category_id: 0
  }
}

Answer 1

Have you even read the theory ?
For a property to be automatically updated from the value in the store, it must be computed.