How to access Vuex module actions from a component - vuejs2

Question

I define a store with two modules, and I'm trying to access one module action, I tried to do
this.$store.dispatch('load');
But I get:
[vuex] unknown action type: load
I tried another options, thing that I found in google , but nothing worked, what is the right way to access module actions?
This is my code:
Vuex definition:
let session = require('./store/session.js');
let options = require('./store/options.js');
const store = new Vuex.Store({
modules: {
session: session,
options: options,
},
});
options.js
export default {
state: {
data: null,
},
mutations: {
setOptions (state, payload) {
console.log(payload);
}
},
actions: {
load( { commit }) {
$.getJSON('options')
.then(function (data) {
commit('setOptions', data);
});
}
},
getters: {
}
}
and my app component:
export default {
beforeCreate() {
this.$store.dispatch('load');
}
}
my vue build:
new Vue({
el: "#app",
router,
store,
render: h => h(App)
});

Answer 1

I would consider using the mapActions helper from vuex. Documentation for this can be found at https://vuex.vuejs.org/guide/actions.html#dispatching-actions-in-components .
example from this page is as follows:
import { mapActions } from 'vuex'
export default {
// ...
methods: {
...mapActions([
'increment', // map `this.increment()` to `this.$store.dispatch('increment')`
// `mapActions` also supports payloads:
'incrementBy' // map `this.incrementBy(amount)` to `this.$store.dispatch('incrementBy', amount)`
]),
...mapActions({
add: 'increment' // map `this.add()` to `this.$store.dispatch('increment')`
})
}
}

Answer 2

I solver the problem
Instead of doing
let options = require('./store/options.js');
I did:
import options from './store/options.js'
Now it works