In our application, we will use a structure for vue-router that has a parent route, based on a layout component, and the final route, which is the page that we are trying to access.
This model improves the development of our application, as we can create responsibilities divided into parents and children on vue-router.
In this recipe, we will learn how to create custom layouts that will wrap our pages in the vue-router parent-child structure.
Getting ready
The prerequisites for this recipe are as follows:
- The last recipe project
- Node.js 12+
The Node.js global objects that are required are as follows:
- @aws-amplify/cli
- @quasar/cli
To start our application custom layouts, we will continue with the project that was created in the Creating custom inputs for the application recipe.
How to do it...
With our components ready, we can start the creation of the layouts that will be used for the user to sign in or sign up to the chat application or edit their...
