From a8696376159569f76918187a0ccf8324cfbd1a4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@chopin.io>
Date: Sun, 9 Jul 2017 12:23:03 +0200
Subject: [PATCH] Fix example for v1

---
 examples/routes-transitions/nuxt.config.js  |  3 +--
 examples/routes-transitions/pages/users.vue | 18 ++++++++----------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/examples/routes-transitions/nuxt.config.js b/examples/routes-transitions/nuxt.config.js
index 422d6f68cb..c4264e9c56 100644
--- a/examples/routes-transitions/nuxt.config.js
+++ b/examples/routes-transitions/nuxt.config.js
@@ -2,6 +2,5 @@ module.exports = {
   build: {
     vendor: ['axios']
   },
-  css: ['~/assets/main.css'],
-  loading: false
+  css: ['~/assets/main.css']
 }
diff --git a/examples/routes-transitions/pages/users.vue b/examples/routes-transitions/pages/users.vue
index e151058127..ce5c065ba4 100644
--- a/examples/routes-transitions/pages/users.vue
+++ b/examples/routes-transitions/pages/users.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container" :key="page">
+  <div class="container">
     <nuxt-link v-if="page > 1" :to="'?page=' + (page - 1)">&lt; Prev</nuxt-link>
     <a v-else class="disabled">&lt; Prev</a>
     <span>{{ page }}/{{ totalPages }}</span>
@@ -23,16 +23,14 @@ export default {
     if (!from) return 'slide-left'
     return +to.query.page < +from.query.page ? 'slide-right' : 'slide-left'
   },
-  asyncData ({ query }) {
+  async asyncData ({ query }) {
     const page = +query.page || 1
-    return axios.get(`https://reqres.in/api/users?page=${page}`)
-    .then((res) => {
-      return {
-        page: +res.data.page,
-        totalPages: res.data.total_pages,
-        users: res.data.data
-      }
-    })
+    const { data } = await axios.get(`https://reqres.in/api/users?page=${page}`)
+    return {
+      page: +data.page,
+      totalPages: data.total_pages,
+      users: data.data
+    }
   }
 }
 </script>