From 018934eeedea83ccdfce6afe968e4e77ca19a762 Mon Sep 17 00:00:00 2001
From: SVogel <SVogel>
Date: Wed, 26 Jul 2017 11:34:41 +0200
Subject: [PATCH] added paramterized car view

---
 examples/vue-apollo/pages/car/_id.vue | 33 +++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 examples/vue-apollo/pages/car/_id.vue

diff --git a/examples/vue-apollo/pages/car/_id.vue b/examples/vue-apollo/pages/car/_id.vue
new file mode 100644
index 0000000000..347ca608df
--- /dev/null
+++ b/examples/vue-apollo/pages/car/_id.vue
@@ -0,0 +1,33 @@
+<template>
+  <section>
+    <article class="car-art">
+      <span>{{Car.make}}</span><br>
+      <span>{{Car.model}}</span><br>
+      <span>{{Car.year}}</span>
+    </article>
+    <nuxt-link to="/">Home</nuxt-link>
+  </section>
+</template>
+
+<script>
+import gql from 'graphql-tag'
+
+export default {
+  name: "Car",
+  apollo: {
+    Car: {
+      query: gql`query car($id: ID) {Car(id: $id) {make model year}}`,
+      variables () { 
+        return {
+          id: this.$route.params.id
+        }
+      }
+    }
+  },
+  data () {
+    return {
+      Car: {}
+    }
+  }
+}
+</script>
\ No newline at end of file