Scoped slots + Apollo

example.js

Vue.component('SomeData', {
  apollo: {
    items: ITEMS_QUERY,
  },
  template: `
  <div>
    <slot :items="items"/>
  </div>
  `,
})

Vue.component('DisplayList', {
  props: ['list'],
  template: `
  <ul>
    <li v-for="item of list">{{ item.label }}</li>
  </ul>
  `,
})

Vue.component('MyItemList', {
  template: `
  <SomeData>
    <DisplayList slot-scope="{ items }" :list="items" />
  </SomeData>
  `
})

new Vue({
  el: '#app',
  template: `
  <div id="app">
    <MyItemsList />
  </div>
  `,
})