greenboard | 📖 Gatsby theme for api documentation | Frontend Framework library

So the problem was a lack of understanding about how actions work in Vuex. What was happening is that the async call would not cause the repaint of the orders. To do something that is asynchronous you need to use actions in Vuex. These allows for something like calling an api and waiting for that resolution before committing that information to the state through the mutations which are the reactive portion of vuex. This also meant that I had to change a lot of my local data into computed data and return the contents of the storage instead of using getters to populate my local storage.

This also allowed me to then update the station nav component to use the vuex storage properly.

Bellow I am posting the changed files that now work as expected.

/store/index.js