From 9f274364cecc5e4a9da8a5c82d0aeb50d260204d Mon Sep 17 00:00:00 2001
From: Alexander Lichter <manniL@gmx.net>
Date: Sat, 24 Nov 2018 18:53:57 +0000
Subject: [PATCH] chore(examples): update scroll-behavior example (#4398)

#2738 [skip release]
---
 examples/scroll-behavior/layouts/default2.vue   |  3 +++
 examples/scroll-behavior/nuxt.config.js         |  3 ++-
 examples/scroll-behavior/package.json           |  2 +-
 examples/scroll-behavior/pages/another-long.vue | 14 ++++++++++++++
 examples/scroll-behavior/pages/index.vue        |  1 +
 examples/scroll-behavior/pages/users.vue        |  5 ++---
 6 files changed, 23 insertions(+), 5 deletions(-)
 create mode 100644 examples/scroll-behavior/layouts/default2.vue
 create mode 100644 examples/scroll-behavior/pages/another-long.vue

diff --git a/examples/scroll-behavior/layouts/default2.vue b/examples/scroll-behavior/layouts/default2.vue
new file mode 100644
index 0000000000..772a283e54
--- /dev/null
+++ b/examples/scroll-behavior/layouts/default2.vue
@@ -0,0 +1,3 @@
+<template>
+  <nuxt />
+</template>
diff --git a/examples/scroll-behavior/nuxt.config.js b/examples/scroll-behavior/nuxt.config.js
index 737f516991..c236197313 100644
--- a/examples/scroll-behavior/nuxt.config.js
+++ b/examples/scroll-behavior/nuxt.config.js
@@ -1,3 +1,4 @@
 export default {
-  css: ['~/assets/main.css']
+  css: ['~/assets/main.css'],
+  modules: ['@nuxtjs/axios']
 }
diff --git a/examples/scroll-behavior/package.json b/examples/scroll-behavior/package.json
index ba290bcd74..0124dfff58 100644
--- a/examples/scroll-behavior/package.json
+++ b/examples/scroll-behavior/package.json
@@ -1,7 +1,7 @@
 {
   "name": "example-scroll-behavior",
   "dependencies": {
-    "axios": "^0.15.3",
+    "@nuxtjs/axios": "^5.3.6",
     "nuxt-edge": "latest",
     "vue-router": "https://github.com/homerjam/vue-router#dist"
   },
diff --git a/examples/scroll-behavior/pages/another-long.vue b/examples/scroll-behavior/pages/another-long.vue
new file mode 100644
index 0000000000..2fc0ace47c
--- /dev/null
+++ b/examples/scroll-behavior/pages/another-long.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="container">
+    <h1>Another long page</h1>
+    <div class="spacer" style="width: 100%; height: 3000px; background: darkgreen" />
+    <nuxt-link to="/">Home page</nuxt-link>
+  </div>
+</template>
+
+<script>
+export default {
+  layout: 'default2',
+  scrollToTop: true
+}
+</script>
diff --git a/examples/scroll-behavior/pages/index.vue b/examples/scroll-behavior/pages/index.vue
index e8997f8c62..304cbe33d4 100644
--- a/examples/scroll-behavior/pages/index.vue
+++ b/examples/scroll-behavior/pages/index.vue
@@ -22,5 +22,6 @@
       </NuxtLink>
     </p>
     <div class="spacer" style="width: 100%; height: 3000px; background: grey" />
+    <p><nuxt-link to="/another-long">Another long page</nuxt-link></p>
   </div>
 </template>
diff --git a/examples/scroll-behavior/pages/users.vue b/examples/scroll-behavior/pages/users.vue
index c1cd619b74..73885ed5c4 100644
--- a/examples/scroll-behavior/pages/users.vue
+++ b/examples/scroll-behavior/pages/users.vue
@@ -28,7 +28,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 
 export default {
   // Watch for $route.query.page to call Component methods (asyncData, fetch, validate, layout, etc.)
@@ -40,9 +39,9 @@ export default {
     if (!from) return 'slide-left'
     return +to.query.page < +from.query.page ? 'slide-right' : 'slide-left'
   },
-  async asyncData({ query }) {
+  async asyncData({ query, $axios }) {
     const page = +query.page || 1
-    const { data } = await axios.get(`https://reqres.in/api/users?page=${page}`)
+    const data = await $axios.$get(`https://reqres.in/api/users?page=${page}`)
     return {
       page: +data.page,
       totalPages: data.total_pages,