What are the principles for vuex application structure?

Vuex enforces below rules to structure any application.

1. Application-level state is centralized in the store.
2. The only way to mutate the state is by committing mutations, which are synchronous transactions.
3. Asynchronous logic should be encapsulated in, and can be composed with actions.

The project structure for any non-trivial application would be as below,