How to use Vuex's auxiliary functions

import { mapState } from 'vuex'

export default {
  // ...
  computed:{
     ...mapState({
         // Arrow functions can make the code more concise count: state => state.count,
         // Passing the string parameter 'count' is equivalent to `state => state.count`
         countAlias: 'count',

         // In order to be able to use `this` to get the local state, you must use the regular function countPlusLocalState (state) {
             return state.count + this.localCount
         }
  	})
  }
}

//Define state
const state = {
    count:1,
}

//Use the auxiliary function computed in the component:{
    ...mapState(['count'])
}

computed:{
    ...mapGetters({
      // Map `this.doneCount` to `this.$store.getters.doneTodosCount`
      doneCount: 'doneTodosCount'
    })
}

computed:{
  computed: {
  // Use the object spread operator to mix getters into the computed object...mapGetters([
      'doneTodosCount',
      'anotherGetter',
      // ...
    ])
  }
}

methods:{
    ...mapMutations({
        add: 'increment' // Map `this.add()` to `this.$store.commit('increment')`
    })
}

methods:{
    ...mapMutations([
        'increment', // Map `this.increment()` to `this.$store.commit('increment')`

        // `mapMutations` also supports payloads:
        'incrementBy' // Maps `this.incrementBy(amount)` to `this.$store.commit('incrementBy', amount)`
    ]),
}

mathods:{
    ...mapActions({
        add: 'increment' // Map `this.add()` to `this.$store.dispatch('increment')`
    })
}

methods:{
    ...mapActions([
        'increment', // Map `this.increment()` to `this.$store.dispatch('increment')`	
        // `mapActions` also supports payloads:
        'incrementBy' // Maps `this.incrementBy(amount)` to `this.$store.dispatch('incrementBy', amount)`
    ]),
}

this.$store.commit('app/addCount')

computed: {
  ...mapState('some/nested/module', {
    a: state => state.a,
    b: state => state.b
  })
},
methods: {
  ...mapActions('some/nested/module', [
    'foo', // -> this.foo()
    'bar' // -> this.bar()
  ])
}

import { createNamespacedHelpers } from 'vuex'

const { mapState, mapActions } = createNamespacedHelpers('some/nested/module') // given a path // use the same method as before export default {
  computed: {
    // Look in `some/nested/module`...mapState({
      a: state => state.a,
      b: state => state.b
    })
  },
  methods: {
    // Look in `some/nested/module`...mapActions([
      'foo',
      'bar'
    ])
  }
}