In this part, we will create the <template> section of the single file component. Follow these instructions to create the component correctly:
- For the inputs wrapper, we need to create a vs-row component. Inside the vs-row component, we will create each input for our user form:
<vs-row></vs-row>
- For the name input, we need to create a vs-col component, with the attributes of vs-type defined as 'flex', vs-justify defined as 'left', vs-align defined as 'left', and vs-w defined as '6'. Inside of the vs-col component, we need to create a vs-input component, with the v-model directive bound to tmpForm.name, the attributes of disabled bound to the disabled props, label defined as 'Name', placeholder defined as 'User Name', and class defined as 'inputMargin full-width':
<vs-col
vs-type="flex"
vs-justify="left"
vs-align="left...