vars.vue

<template>
  <ApolloQuery :query="query" :variables="{ name: 'vue' }">
    <template slot-scope="{ result: { loading, error, data } }">
      <span v-if="loading">Loading...</span>
      <span v-else-if="error">An error occured</span>

      <section v-if="data">
          <ul v-if="data.allNameses.length">
            <li :key="name.id" v-for="name in data.allNameses" >
              {{name.name}}
            </li>
          </ul>
          
           <span v-else>No names, oh no :(</span>
      </section>
    </template>
  </ApolloQuery>
</template>

I am trying to follow your below blog

https://medium.com/yld-engineering-blog/using-vue-with-apollo-65e2b1297592,

currently facing this error

vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <ApolloQuery> - did you register the component correctly? For recursive components, make sure to provide the "name" option

Could you help to understand what I'm missing?

Thanks