In this part, we will create the <template> section of the single file component. Follow these instructions to create the component correctly:
- In the src/views folder, create a new file called NotFound.vue and open it.
- Create a VsRow component and inside of it create four VsCol components. All of those components will have the attribute vs-w defined as 12 and class as text-center:
<vs-row>
<vs-col vs-w="12" class="text-center">
<!-- Icon -->
</vs-col>
<vs-col vs-w="12" class="text-center">
<!-- Title -->
</vs-col>
<vs-col vs-w="12" class="text-center">
<!-- Text -->
</vs-col>
<vs-col vs-w="12" class="text-center">
<!-- Button -->
</vs-col>
</vs-row>
- On the first VsCol component, we will add a VsIcon component, and set the attribute icon as sentiment_dissatisfied...