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 an a-form-model component as a child with the model variable attribute bound to form, the label-col variable attribute bound to labelCol, and the wrapper-col variable attribute bound to wrapperCol:
<layout>
<a-form-model
:model="form"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
</a-form-model>
</layout>
- Then, as a sibling of the layout component, create an h1 HTML element with the page title User Registration, and a p HTML element with the Main user registration form page subtitle. Then, create an a-card element with the title attribute defined as Personal Information:
<h1>
User Registration
</h1>
<p>Main user registration form</p>
<a-card title...