create-vuex-entities

Create vuex entities names without headache

npm i create-vuex-entities

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: {
    increment () {
      this.$store.commit(mutations.increment)
    },
    decrement () {
      this.$store.commit(mutations.decrement)
    }
  }
}

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.