From dfaa1960f70404185f3d55b4c33c3d8950f38664 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxtjs.com>
Date: Tue, 6 Oct 2020 12:43:05 +0200
Subject: [PATCH] chore(example): remove usage of axios in layout-transitions

---
 examples/layout-transitions/package.json      | 1 -
 examples/layout-transitions/pages/users-2.vue | 4 +---
 examples/layout-transitions/pages/users.vue   | 4 +---
 3 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/examples/layout-transitions/package.json b/examples/layout-transitions/package.json
index 480616cf22..b281ff9de7 100644
--- a/examples/layout-transitions/package.json
+++ b/examples/layout-transitions/package.json
@@ -1,7 +1,6 @@
 {
   "name": "example-layout-transitions",
   "dependencies": {
-    "axios": "^0.19.0",
     "nuxt": "latest"
   },
   "scripts": {
diff --git a/examples/layout-transitions/pages/users-2.vue b/examples/layout-transitions/pages/users-2.vue
index e8380afdb3..bb03a64fdc 100644
--- a/examples/layout-transitions/pages/users-2.vue
+++ b/examples/layout-transitions/pages/users-2.vue
@@ -30,12 +30,10 @@
 </template>
 
 <script>
-import axios from 'axios'
-
 export default {
   async asyncData ({ query }) {
     const page = +(query.page || 1)
-    const { data } = await axios.get(`https://reqres.in/api/users?page=${page}`)
+    const data = await fetch(`https://reqres.in/api/users?page=${page}`).then(res => res.json())
     return {
       page,
       totalPages: data.total_pages,
diff --git a/examples/layout-transitions/pages/users.vue b/examples/layout-transitions/pages/users.vue
index 7cccaca33c..52609b2359 100644
--- a/examples/layout-transitions/pages/users.vue
+++ b/examples/layout-transitions/pages/users.vue
@@ -28,8 +28,6 @@
 </template>
 
 <script>
-import axios from 'axios'
-
 export default {
   // Watch for $route.query.page to call Component methods (asyncData, fetch, validate, layout, etc.)
   watchQuery: ['page'],
@@ -42,7 +40,7 @@ export default {
   },
   async asyncData ({ query }) {
     const page = +(query.page || 1)
-    const { data } = await axios.get(`https://reqres.in/api/users?page=${page}`)
+    const data = await fetch(`https://reqres.in/api/users?page=${page}`).then(res => res.json())
     return {
       page,
       totalPages: data.total_pages,