How to use $apollo command in vuex store actions?

[pschaub]

How can I use the $apollo query/mutation command in vuex store actions?

I have very general user data (e.g. name, permissions, ..) which should be fetched one time after login and stored in vuex. For this I want to use vuex actions to perform the apollo query command.

How can I get access to the $apollo.query() command in vuex actions?

[Austio]

#7 please read through this, should give you a good idea of what/how to do this.

With apollo2 they dropped the hard dependency on redux, so this will be much easier to implement once vue-apollo 3 is released.

[joe-re]

I'm using $apollo that is stacked on store.dispatch payload like following.

• vue component

export default Vue.extend({
  //...
  mounted() {
    this.$store.dispatch({ type: 'app/initialize', apolloClient: this.$apollo })
  }
})

• actions

  actions: {
    async initialize(context, payload) {
        const result = await payload.apolloClient.mutate({
          mutation: AUTHENTICATE_USER,
          variables: { accessToken: localStorage.getItem('auth0_access_token') },
        })
       //...
    },

It works for me, but ugly a bit...

@Akryum
You said it would be resolved by vuex plugin in bellow comment.
#7 (comment)
Are you planning to provide plugin of vuex in our project?

[Samuell1]

Better way is to export apollo-client and vue-apollo in 2 separate files, then you can simply import apollo-client in your store like import apollo from '../apollo/myapollo.js' then you can use it without any dispatching

[1clickpersianas]

@Samuell1 Any real world example?

[c0h1b4]

No