Feature/Vuex uses AppGatewayClient for GRPC requests

[faraonc]

Description

The Vue.js's idiomatic way of managing state and http requests is through vuex actions property.

I believe the recommended workflow is the following:

• vuex holds the global state, and it will have getters, mutations,actions.
• all http requests is performed in the actions property due to the following reasons:
  • Instead of mutating the state, actions commit mutations
  • actions can contain arbitrary asynchronous operations
  • The only way to actually change state in a Vuex store is by committing a mutation in the mutations property.

Examples: https://vuex.vuejs.org/guide/actions.html

Story Points

5

Definitions of Done

• [x] a modularized app-gateway-svc client if still needed
• [x] ability of a component to dispatch an action. an example would be https://vuex.vuejs.org/guide/actions.html#dispatching-actions used in https://github.com/vuejs/vuex/blob/dev/examples/shopping-cart/components/ShoppingCart.vue#L33 and performs all the mutations in its definition https://github.com/vuejs/vuex/blob/dev/examples/shopping-cart/store/modules/cart.js#L32
• [x] follows the workflow dispatch from vue component -> commit from vuex's action -> mutate the state from vuex's mutation
• [ ] unit tested

Note

app-gateway-svc client is not the only client. We should be able to use different clients within Vuex's mutations property e.g. elastic-search client + app-gateway-svc client + etc.

[faraonc]

Unit test will be todo