From ae4ecabce07911e3873361380c24177f2f33aa7a Mon Sep 17 00:00:00 2001
From: Sebastien Chopin <seb@chopin.io>
Date: Thu, 3 Aug 2017 11:20:05 +0200
Subject: [PATCH] Update vue-apollo

---
 examples/vue-apollo/apollo/network-interfaces/default.js | 3 +++
 examples/vue-apollo/{ => apollo}/queries/allCars.gql     | 0
 examples/vue-apollo/{ => apollo}/queries/car.gql         | 0
 examples/vue-apollo/nuxt.config.js                       | 4 ++--
 examples/vue-apollo/package.json                         | 4 ++--
 examples/vue-apollo/pages/car/_id.vue                    | 8 ++++++--
 examples/vue-apollo/pages/index.vue                      | 5 ++++-
 7 files changed, 17 insertions(+), 7 deletions(-)
 create mode 100644 examples/vue-apollo/apollo/network-interfaces/default.js
 rename examples/vue-apollo/{ => apollo}/queries/allCars.gql (100%)
 rename examples/vue-apollo/{ => apollo}/queries/car.gql (100%)

diff --git a/examples/vue-apollo/apollo/network-interfaces/default.js b/examples/vue-apollo/apollo/network-interfaces/default.js
new file mode 100644
index 0000000000..3d3b9aef57
--- /dev/null
+++ b/examples/vue-apollo/apollo/network-interfaces/default.js
@@ -0,0 +1,3 @@
+import { createNetworkInterface } from 'apollo-client'
+
+export default createNetworkInterface({ uri: 'https://api.graph.cool/simple/v1/cj1dqiyvqqnmj0113yuqamkuu' })
diff --git a/examples/vue-apollo/queries/allCars.gql b/examples/vue-apollo/apollo/queries/allCars.gql
similarity index 100%
rename from examples/vue-apollo/queries/allCars.gql
rename to examples/vue-apollo/apollo/queries/allCars.gql
diff --git a/examples/vue-apollo/queries/car.gql b/examples/vue-apollo/apollo/queries/car.gql
similarity index 100%
rename from examples/vue-apollo/queries/car.gql
rename to examples/vue-apollo/apollo/queries/car.gql
diff --git a/examples/vue-apollo/nuxt.config.js b/examples/vue-apollo/nuxt.config.js
index f448cd900f..bdf96f2a93 100644
--- a/examples/vue-apollo/nuxt.config.js
+++ b/examples/vue-apollo/nuxt.config.js
@@ -1,8 +1,8 @@
 module.exports = {
   modules: ['@nuxtjs/apollo'],
   apollo: {
-    clients: {
-      default: 'https://api.graph.cool/simple/v1/cj1dqiyvqqnmj0113yuqamkuu'
+    networkInterfaces: {
+      default: '~/apollo/network-interfaces/default.js'
     }
   }
 }
diff --git a/examples/vue-apollo/package.json b/examples/vue-apollo/package.json
index 985935ab76..b6a89a8e61 100644
--- a/examples/vue-apollo/package.json
+++ b/examples/vue-apollo/package.json
@@ -1,8 +1,8 @@
 {
   "name": "nuxt-vue-apollo",
   "dependencies": {
-    "@nuxtjs/apollo": "^0.1.0",
-    "nuxt": "^1.0.0-rc2"
+    "@nuxtjs/apollo": "^1.0.0",
+    "nuxt": "^1.0.0-rc3"
   },
   "scripts": {
     "dev": "nuxt",
diff --git a/examples/vue-apollo/pages/car/_id.vue b/examples/vue-apollo/pages/car/_id.vue
index fe45e07d67..4730630475 100644
--- a/examples/vue-apollo/pages/car/_id.vue
+++ b/examples/vue-apollo/pages/car/_id.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import car from '~/queries/car'
+import car from '~/apollo/queries/car'
 
 export default {
   apollo: {
@@ -29,8 +29,12 @@ export default {
       })
       return formatter.format(num)
     }
+  },
+  head () {
+    return {
+      title: (this.Car ? `${this.Car.make} ${this.Car.model}` : 'Loading')
+    }
   }
-
 }
 </script>
 
diff --git a/examples/vue-apollo/pages/index.vue b/examples/vue-apollo/pages/index.vue
index 41b4b8bf9f..5aa6f9a5cd 100644
--- a/examples/vue-apollo/pages/index.vue
+++ b/examples/vue-apollo/pages/index.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import allCars from '~/queries/allCars'
+import allCars from '~/apollo/queries/allCars'
 
 export default {
   apollo: {
@@ -20,6 +20,9 @@ export default {
       prefetch: true,
       query: allCars
     }
+  },
+  head: {
+    title: 'Cars with Apollo'
   }
 }
 </script>