In this part, we will create the <template> section of the single file component. Follow these instructions to create the component correctly:
- Create a vs-card component with the style attribute defined as margin: 20px:
<vs-card
style="margin: 20px;"
>
</vs-card>
- Inside the vs-card component, create a dynamic <template> named slot for header, with an <h3> tag and your title:
<template slot="header">
<h3>
Update User
</h3>
</template>
- After that, create a vs-row component with a vs-col component inside of it, with the attributes of vs-type defined as flex, vs-justify defined as left, vs-align defined as left, and vs-w defined as 12:
<vs-row>
<vs-col
vs-type="flex"
vs-justify="left"
vs-align="left"
vs-w="12">
</vs-col>
</vs-row>
- Inside the vs-col component, we will add the UserForm...