Single file component <template> section

In this part, we will create the <template> section of the single file component. Follow these instructions to create the component correctly:

1. Create a div.container HTML element with a VsRow component inside. The VsRow component will have the attribute vs-align defined as "center" and vs-justify defined as "center":

<div class="container">
  <vs-row
    vs-align="center"
    vs-justify="center"
  >
  </vs-row>
</div>

2. Inside the VsRow component, add a VsCol component with the attribute vs-lg defined as 4, vs-sm defined as 6, and vs-xs defined as 10. Then, inside the VsCol component, we will create a VsCard component with the style attribute defined as margin: 20px;:

<vs-col
  vs-lg="4"
  vs-sm="6"
  vs-xs="10"
>
  <vs-card
    style="margin: 20px;"
  >
  </vs-card>
</vs-col>

3. Inside the VsCard component, create...