Implement the Vuex store

[HappyNiel]

Implement the Vuex store to manage the state of the application.

• The user can be set by the authentication

---

Found an article which uses Vuex in combination with TypeScript https://codeburst.io/vuex-and-typescript-3427ba78cfa8

[HappyNiel]

Proposed Vuex structure.

...
└── store
    ├── store.ts          # where we assemble modules and export the store
    ├── getters.ts        # root getters
    ├── actions.ts        # root actions
    ├── mutations.ts      # root mutations
    └── modules
        ├── cart.js       # cart module
        └── products.js   # products module

[HappyNiel]

Another tutorial: https://dev.to/sirtimbly/type-safe-vuex-state-usage-in-components-without-decorators-2b24

Using vuex-module-decorators.

[HappyNiel]

Managed to load the user state on app load (basically using F5). Now to properly set up the Vuex store using TS.

[HappyNiel]

The basics of the store are set up.

Next step: Work out the UserModule with all necessary properties, getters, mutations, and actions.

[HappyNiel]

Start it made and it works. Will iterate on it when needed.