The note list

We will now lay the groundwork for the side pane containing the list of notes:

1. Add a new aside element with the side-bar class before the main section:

      <!-- Notebook app -->
      <p id="notebook">

        <!-- Sidebar -->
        <aside class="side-bar">
          <!-- Here will be the note list -->
        </aside>

        <!-- Main pane -->
        <section class="main">
      ...

1. Add a new data property called notes--it will be the array containing all of our notes:

      data () {
        return {
          content: ...
          // New! A note array
          notes: [],
        }
      },