I am currently importing the createStore function into a store.js file and passing an object with state properties and mutation functions as an argument, which is working well.
createStore.js
import Vue from 'vue'
function createStore({ state, mutations }) {
return {
state: Vue.observable(state),
commit(key, ...args) {
mutations[key](state, ...args)
}
}
}
export default createStore
store.js
import create from './createStore.js'
const store = create ({
state: {
counter: 0
},
mutations: {
increment(state, payload){
state.counter += payload
}
}
})
export default store
Now I am planning to modify the createStore function to include a getters property and utilize this in a component. For example:
CompExample.vue
computed: {
counter() {
return store.getters.counter
}
}
Thank you.