Mutations

Vanilla, strongly-typed store accessor.

Mutations are functions that receive store state and an optional payload.

This package provides a helper function to reduce boilerplate: mutationTree. This function adds typings and returns the mutations passed to it, without transforming them.

import { mutationTree } from 'typed-vuex'

export const mutations = mutationTree(state, {
  setEmail(state, newValue: string) {
    state.email = newValue
  },

  initialiseStore() {
    console.log('initialised')
  },
})
 

export const mutations = {
  setEmail(state: RootState, newValue: string) {
    state.email = newValue
  },

  initialiseStore() {
    console.log('initialised')
  },
}
 

Even if you do not use the mutationTree helper function, make sure not to use the MutationTree type provided by Vuex. This will interfere with type inference. You won't lose out by omitting it, as Typescript will complain if you pass an improperly formed mutation into the getAccessorType function.
This package does not support object-style commits.

Getters

Actions