nuxt-exercise-6-display-menu

layouts-default.vue

<template>
  <div class="container">
    <div class="menu">
      <nuxt-link
        v-for="({link, label}, key) in menu"
        :key="key"
        :to="link"> {{ label }} </nuxt-link>
    </div>
    <nuxt
      :keep-alive-props="{ max: 10 }"
      keep-alive />
  </div>
</template>
<script>
export default {
  data () {
    return {
      menu: []
    }
  },
  fetch() {
    this.menu = this.$nuxt.context.store.state.menu
  }
}
</script>