Creating the new authentication module

To start, we need to create a new Vuex module. This example module will be called authentication, and will store the credentials data for the user.

In these steps, we will create the authentication module for Vuex:

1. Create a new folder called authentication in the src/store folder.
2. In this newly created folder, create a new file called state.js, and open it.
3. Create a function called generateState that will return a JavaScript object with the properties of data.username, data.token, data.expiresAt, loading, and error:

const generateState = () => ({
  data: {
    username: '',
    token: '',
    expiresAt: null,
  },
  loading: false,
  error: null,
});

4. Create an export default object at the end of the file. This object will be a JavaScript object. We will destruct the return of the generateState function:

export default { ...generateState() };

5. Create a new file called index.js in the authentication folder inside the src/store folder...