fix vue-apollo setup

Author: lovemyliwu

client_source/components/Hello.vue

@@ -4,7 +4,7 @@
         <button @click="decrement">-</button>
         <button @click="increment">+</button>
         <h1>GraphQL</h1>
-        <textarea>{{result}}</textarea>
+        <textarea>{{users}}</textarea>
     </div>
 </template>
 
@@ -19,11 +19,11 @@ export default Vue.extend({
     data() {
         return {
             enthusiasm: this.initialEnthusiasm,
-            result: '',
+            users: '',
         };
     },
     apollo: {
-        result: {
+        users: {
             query: AllUsers
         }
     },

client_source/graphql/AllUsers.gql

@@ -1,3 +1,5 @@
-query users {
-	name
+query {
+    users {
+        name
+    }
 }

client_source/index.ts

@@ -18,10 +18,12 @@ const apolloClient = new ApolloClient({
     connectToDevTools: process.env.NODE_ENV !== 'production',
 });
 
-Vue.use(VueApollo, {
-    apolloClient,
+const apolloProvider = new VueApollo({
+    defaultClient: apolloClient,
 });
 
+Vue.use(VueApollo);
+
 let app = new Vue({
     el: '#app',
     template: `
@@ -37,6 +39,7 @@ let app = new Vue({
     </div>
     `,
     data: { name: 'World', visible: false },
+    provide: apolloProvider.provide(),
     components: {
         HelloComponent,
         elButton: Button,