It's time to create the <template> section of the single file component:
- In the client/pages folder, open the index.vue file.
- In the <template> section, create a div HTML element, add as a child a section HTML element, with the class property defined as hero is-primary. Then, as a child of the section HTML element, create a div HTML element, with the class attribute defined as hero-body. As a child of the div.hero-body HTML element, create a div HTML element with the class attribute defined as container and add as a child an h1 HTML element with class defined as title, with the inner text as Todo App:
<section class="hero is-primary">
<div class="hero-body">
<div class="container">
<h1 class="title">
Todo App
</h1>
</div>
</div>
</section>
- As a sibling of the section.hero.is-primary HTML element, create a section...