FR: Usage with namespaced Vuex modules

[razorfever]

Splitting a Vuex store in one of my projects into namespaced modules made me think of the following.

Current way to use vue-wait with namespaced Vuex modules seems to be: (Not documented btw.)

import { mapWaitingActions } from 'vue-wait'

// ...
  methods: {
    ...mapWaitingActions('users', {
      'user/getUser': 'loading the user',
    }),
  },
  mounted() {
    // get the user data
    this.user = this['user/getUser'](this.userId);
  },
// ...

I think something like this would be more preferable:

import { mapWaitingActions } from 'vue-wait'

// ...
  methods: {
    ...mapWaitingActions('users', {
      getUser: ['user/getUser', 'loading the user'],
    }),
  },
  mounted() {
    // get the user data
    this.user = this.getUser(this.userId);
  },
// ...

Thanks.

[f]

How your store looks like?

[f]

vue-wait already supports module namespaces. The first parameter is the namespace and it's optional.

[razorfever]

Oh sorry. It seems I made a copy / paste error while making the example and did not even spot the first parameter. I have tried to use it without it in my code like one would use the normal mapActions.

So what if I want to use actions from multiple modules? Would this work:

import { mapWaitingActions } from 'vue-wait'

// ...
  methods: {
    ...mapWaitingActions('users', {
      getUser: 'loading the user',
      updateUser: 'updating the user',
    }),
    ...mapWaitingActions('posts', {
      getPosts: 'loading the posts',
      deletePost: 'deleting a post',
    }),
  },
  mounted() {
    // get the user data
    this.user = this.getUser(this.userId);
    this.posts = this.getPosts(); 
  },
// ...

[f]

Sure this will work.

[razorfever]

Ok. Thanks. Sorry for the inconvenience. Keep up the good work