Как правильно реализовать динамичный navbar на уровне layout в nuxt?

Question

[nurdus]

Добрый вечер.
Как правильно реализовать динамичный navbar (подгружаемый из бд) на уровне layout в nuxt? Сейчас сделано так (layouts/default.vue). На сколько это правильно?!

<template>
  <div>
    <Menu :menuitems = "menuitems" />
    <nuxt/>
  </div>
</template>

<script>
import Menu from '~/components/Menu.vue'
import api from '~/lib/api.js'
export default {
  data: function() {
    return {
      menuitems: []
    }
  },
  created: async function() {
    let a = await api.menu('top')
    this.$set(this, 'menuitems', a.menuitems)
  },
  components: {
    Menu
  }
}
</script>