note.vue

<template>
  <div>
      <!--loading component-->
    <loading :loading="loading">
    </loading>

      <!--flash component-->
    <flash>
    </flash>
      <!--navbar component-->
    <nav-bar @note-route-changed="changeRoute('favourite')">
    </nav-bar>

      <!--code for rendering notes and favourite notes-->
    <div id="notes-list">
    </div>
  </div>
</template>
<script>
  export default{
      ...mapState([
        'notes',
        'favouriteNotes',
      ]),
      ...mapActions([
        'getAll',
        'getFavourite',
        'getUserFavouriteId',
      ]),
    }
</script>