`createNamespacedHelpers` return mappers that need `this`

Version

3.1.2

Reproduction link

[https://jsfiddle.net/davidmeirlevy/9hbqjmg2/34/)

Steps to reproduce

get a mapper: const { mapActions } = createNamespacedHelpers(MODULE_NAME)

map some action: const {action} = mapActions(['action'])

run this action directly, without adding it to a component methods: action()

What is expected?

the action should be dispacthed

What is actually happening?

This line breaks because we didn’t ran this function from a vue component context: var dispatch = this.$store.dispatch;

---

when we want to use the mappers from the setup() function of the composition-api, the component’s this shouldn’t be relevant, so you should probably find another way to map actions without expecting being executed as a vue component’s method.

[kiaking]

Probably. Not 100% sure just yet, but I guess something like that 👍

[ktsn]

We would not reuse mapXXX helpers for setup usage as they are totally different things and supporting both on one helper function will complicate the implementation. We are working on Vue v3 + Vuex now and considering useXXX composition function for setup.