It's time to create the <template> section of the single file component:
- In the src folder, open the App.vue file.
- In the <template> section, create a layout component element, and add a v-container component as a child with the fluid attribute defined as true:
<layout>
<v-container
fluid
>
</v-container>
</layout>
- Inside the v-container component, create a child HTML h1 element with the page title and a sibling v-subheader component with the page description:
<h1>user Registration</h1>
<v-subheader>Main user registration form</v-subheader>
- After that, create a v-form component with the ref attribute defined as form and the lazy-validation attribute as true. Then, the v-model directive of the component gets bound to the valid variable. Create a child v-container component with the fluid attribute defined as true:
<v-form
ref="form"
v-model="valid...