Create vuex entities names without headache
If you shot your leg with naming of mutations, or actions, or getters -- this module can solve this problem!
import { createMutations } from 'create-vuex-entities'
const PREFIX = 'counter'
const mutations = createMutations(PREFIX, [
'increment',
'decrement'
])
const counter = {
mutations: {
[mutations.increment]: (state) => state.score + 1,
[mutations.decrement]: (state) => state.score - 1
}
}
export mutations
That's it! Now we have unique mutations and can use they anywhere without troubles.
import { mapMutations } from 'vuex'
import { mutations } from 'path/to/counter/module'
export default {
name: 'Counter',
methods: {
...mapMutations(mutations)
}
}
mutations.increment
equals to couter/mutation/increment
and mutations.decrement
to couter/mutation/decrement
.
You also can create getters
by createGetters
, actions
by createActions
,
modules
by createModules
.
Creating of custom entities
If you want to create custom entities names, you should use createEntities
.
import { createEntities } from 'create-vuex-entities'
const PREFIX = 'test'
const TYPE = 'custom'
const customEntitiesList = createEntities(TYPE, PREFIX, [
'foo',
'bar'
])
It'll create test/custom/foo
and test/custom/bar
. You also can create basic
types of entities with this function.