scoped-slots-tutorial-menu-container.vue

<template>
  <div>
    <slot :menuItems="menus.items">
    </slot>
  </div>
</template>

<script>
import MenuQuery from './menu.gql'
export default {
  name: 'menu-container',
  props: ['menuName'],
  data () {
    return {
      menus: {}
    }
  },
  apollo: {
    menus () {
      return {
        query: MenuQuery,
        variables: {
          menu: this.menuName
        }
      }
    }
  }
}
</script>