Some features are still missing from our app, such as deleting or renaming the selected note. We will add these in a new toolbar, just above the note text editor. Go ahead and create a new div element with the toolbar class ;inside the main section:

<!-- Main pane -->
<section class="main">
  <div class="toolbar">
    <!-- Our toolbar is here! -->
  </div>
  <textarea v-model="selectedNote.content"></textarea>
</div>

We will add three new features in this toolbar:

• Renaming the note
• Deleting the note
• Marking the note as favorite