In a chat application, it's common to have a start page where the user can select from old conversations to continue messaging, or start a new conversation. This practice can be used as the main page of the application. In our application, it won't be different.
In this recipe, we will create a Contacts page that the user can use to start a conversation or continue with an old one.
Getting ready
The prerequisites for this recipe are as follows:
- The project from the previous recipe
- Node.js 12+
The Node.js global objects that are required are as follows:
- @aws-amplify/cli
- @quasar/cli
To start our User contact pages, we will continue with the project that was created in the Creating the Chat Vuex module on your application recipe.
How to do it...
In this recipe, we will need to divide our work into two parts: first a new component to start a new conversation, and finally, the Contacts page itself.
