Could it be possible to set apolloProvider in a vue plugin?

[pedrokermitgoncalves]

Hi all.

Would it be possible to setup the apollo provider inside a vue plugin? Something like this:

import { authService } from 'MyAuth';
import { VueConstructor } from 'vue';

import { InMemoryCache } from 'apollo-cache-inmemory';
import ApolloClient from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import VueApollo from 'vue-apollo';

const getApolloProvider = (uri: string) => {
  const apolloClient = new ApolloClient({
      new HttpLink({
        uri
      })
    ]),
    cache: new InMemoryCache(),
    connectToDevTools: true
  });

  return new VueApollo({
    defaultClient: apolloClient
  });
};

const Graph = {
  install(Vue: VueConstructor, { uri }: { uri: string }) {
    Vue.use(VueApollo);

    Object.defineProperty(Vue.prototype, 'apolloProvider', {
      value: getApolloProvider(uri)
    });
  }
};

export default Graph;
export { Graph };

Then when I create my Vue instance, just use the plugin like:

import Vue from 'vue';
import MyGraphProvider from 'MyGraphProvider';
import router from '@/router';
import RootView from '@/views/root.view.vue';
import store from '@/store';

Vue.use(MyGraphProvider, {uri: "https://my-api/graph"});

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(RootView),
  components: {
    RootView
  }
});

[Akryum]

No because the provider must be put on a specific application.