Id Parameter is always undefined

[Vad1mo]

I have this action definition

  .get({
    action: 'getUser',
    property: 'user',
    path: ({ id }) => {
      console.log('The Arg is ', id)
      return `/tenants/${id}`
    }
  })

And I am dispatching like this:

Try 1:

js
created: function () {
        this.$store.dispatch({
        type: 'getUser',
        data: { id: this.$route.params.id }
      })

Try 2:

js
created: function () {
      this.$store.dispatch('getUser', {
        data: {
          id: 1
        }
      })

Try 3:

js
created: function () {
      this.$store.dispatch('getUser', { id: 1243 }, null )

In all cases the id is undefined. IMHO it should have an id.

[christianmalek]

Hi Vadim,

There is another property params. Please see https://github.com/christianmalek/vuex-rest-api#calling-the-actions I've decided to separate data and params because it's not always wanted to have the params in your body data.

This should work:

this.$store.dispatch('getUser', {
    // params is available in the path function
    params: {
        id: 1
    },
    // optional data
    data: {
        //...
    }
})

[christianmalek]

@Vad1mo I've updated my answer.

[Vad1mo]

thank you for the quick response, this works perfectly. The example would be a perfect candidate for the readme :)
What confused me was this syntax getPost({params: {someParam: 5, anotherParam: "foo"}}) it wasn't introduced (at least in the quick start) before as action and arguments.

[christianmalek]

The Readme has definitely room for improvement. It's too long and lacks on examples. Feel free to PR. 👍