store injection

createApi.js

import FooService from '@js/services/FooService';
import BarService from '@js/services/BarService';

export default function createApi (dispatch: Dispatch) {
  return {
    foo: new FooService(dispatch),
    bar: new BarService(dispatch)
  }
}

store.js

import Vue from 'vue';
import Vuex from 'vuex';
import createApi from '@js/store/createApi';
import Auth from '@js/store/modules/auth';
import Todo from '@js/store/modules/todo';

Vue.use(Vuex);

const store = new Vuex.Store<any>({
  modules: {
    auth: Auth,
    todo: Todo,
  }
});

store.$api = createApi(store.dispatch);

export default store;