diff --git a/examples/custom-build/nuxt.config.js b/examples/custom-build/nuxt.config.js
index b2f4edb186..95e2c8785c 100644
--- a/examples/custom-build/nuxt.config.js
+++ b/examples/custom-build/nuxt.config.js
@@ -19,6 +19,7 @@ export default {
             return true
           }
         }
+        return false
       })
     }
   }
diff --git a/examples/layout-transitions/pages/users-2.vue b/examples/layout-transitions/pages/users-2.vue
index 665ba8f15b..e4bb932605 100644
--- a/examples/layout-transitions/pages/users-2.vue
+++ b/examples/layout-transitions/pages/users-2.vue
@@ -45,6 +45,9 @@ export default {
       transitionName: this.getTransitionName(this.page)
     }
   },
+  head: {
+    title: 'Users #2'
+  },
   watch: {
     async '$route.query.page' (page) {
       this.$nuxt.$loading.start()
@@ -60,9 +63,6 @@ export default {
     getTransitionName (newPage) {
       return newPage < this.page ? 'slide-right' : 'slide-left'
     }
-  },
-  head: {
-    title: 'Users #2'
   }
 }
 </script>
diff --git a/examples/layout-transitions/pages/users.vue b/examples/layout-transitions/pages/users.vue
index 52609b2359..ce1df6714c 100644
--- a/examples/layout-transitions/pages/users.vue
+++ b/examples/layout-transitions/pages/users.vue
@@ -29,8 +29,6 @@
 
 <script>
 export default {
-  // Watch for $route.query.page to call Component methods (asyncData, fetch, validate, layout, etc.)
-  watchQuery: ['page'],
   // Key for <NuxtChild> (transitions)
   key: to => to.fullPath,
   // Called to know which transition to apply
@@ -49,7 +47,9 @@ export default {
   },
   head: {
     title: 'Users'
-  }
+  },
+  // Watch for $route.query.page to call Component methods (asyncData, fetch, validate, layout, etc.)
+  watchQuery: ['page']
 }
 </script>
 
diff --git a/examples/new-fetch/components/Author.vue b/examples/new-fetch/components/Author.vue
index 05e6cda279..134bf78f18 100644
--- a/examples/new-fetch/components/Author.vue
+++ b/examples/new-fetch/components/Author.vue
@@ -17,14 +17,14 @@ export default {
       required: true
     }
   },
-  async fetch () {
-    this.user = await this.$http.$get(`https://jsonplaceholder.typicode.com/users/${this.userId}`)
-  },
   data () {
     return {
       user: {}
     }
   },
+  async fetch () {
+    this.user = await this.$http.$get(`https://jsonplaceholder.typicode.com/users/${this.userId}`)
+  },
   fetchOnServer: false
 }
 </script>
diff --git a/examples/new-fetch/pages/index.vue b/examples/new-fetch/pages/index.vue
index f3a5d75aa5..a57746d686 100644
--- a/examples/new-fetch/pages/index.vue
+++ b/examples/new-fetch/pages/index.vue
@@ -30,14 +30,14 @@
 
 <script>
 export default {
-  async fetch () {
-    this.posts = await this.$http.$get('https://jsonplaceholder.typicode.com/posts')
-      .then(posts => posts.slice(0, 20))
-  },
   data () {
     return {
       posts: null
     }
+  },
+  async fetch () {
+    this.posts = await this.$http.$get('https://jsonplaceholder.typicode.com/posts')
+      .then(posts => posts.slice(0, 20))
   }
 }
 </script>
diff --git a/examples/new-fetch/pages/posts/_id.vue b/examples/new-fetch/pages/posts/_id.vue
index ab58607eb7..2a2b7096bb 100644
--- a/examples/new-fetch/pages/posts/_id.vue
+++ b/examples/new-fetch/pages/posts/_id.vue
@@ -39,14 +39,14 @@ export default {
   components: {
     Author
   },
-  async fetch () {
-    this.post = await this.$http.$get(`https://jsonplaceholder.typicode.com/posts/${this.$route.params.id}`)
-  },
   data () {
     return {
       post: {}
     }
   },
+  async fetch () {
+    this.post = await this.$http.$get(`https://jsonplaceholder.typicode.com/posts/${this.$route.params.id}`)
+  },
   head () {
     return { title: this.post.title }
   }
diff --git a/examples/routes-transitions/pages/users.vue b/examples/routes-transitions/pages/users.vue
index 064e2a54e5..d183fdf2e5 100644
--- a/examples/routes-transitions/pages/users.vue
+++ b/examples/routes-transitions/pages/users.vue
@@ -29,8 +29,6 @@
 
 <script>
 export default {
-  // Watch for $route.query.page to call Component methods (asyncData, fetch, validate, layout, etc.)
-  watchQuery: ['page'],
   // Key for <NuxtChild> (transitions)
   key: to => to.fullPath,
   // Called to know which transition to apply
@@ -47,7 +45,9 @@ export default {
       totalPages: data.total_pages,
       users: data.data
     }
-  }
+  },
+  // Watch for $route.query.page to call Component methods (asyncData, fetch, validate, layout, etc.)
+  watchQuery: ['page']
 }
 </script>
 
diff --git a/examples/scroll-behavior/pages/about/contact.vue b/examples/scroll-behavior/pages/about/contact.vue
index 8c3f36f4d9..1fc45c02cc 100644
--- a/examples/scroll-behavior/pages/about/contact.vue
+++ b/examples/scroll-behavior/pages/about/contact.vue
@@ -7,7 +7,7 @@
 
 <script>
 export default {
-  transition: 'fade',
-  scrollToTop: true
+  scrollToTop: true,
+  transition: 'fade'
 }
 </script>
diff --git a/examples/scroll-behavior/pages/users.vue b/examples/scroll-behavior/pages/users.vue
index 4fb6000699..788340ec52 100644
--- a/examples/scroll-behavior/pages/users.vue
+++ b/examples/scroll-behavior/pages/users.vue
@@ -30,8 +30,6 @@
 <script>
 
 export default {
-  // Watch for $route.query.page to call Component methods (asyncData, fetch, validate, layout, etc.)
-  watchQuery: ['page'],
   // Key for <NuxtChild> (transitions)
   key: to => to.fullPath,
   // Called to know which transition to apply
@@ -47,7 +45,9 @@ export default {
       totalPages: data.total_pages,
       users: data.data
     }
-  }
+  },
+  // Watch for $route.query.page to call Component methods (asyncData, fetch, validate, layout, etc.)
+  watchQuery: ['page']
 }
 </script>
 
diff --git a/examples/vue-apollo/pages/car/_id.vue b/examples/vue-apollo/pages/car/_id.vue
index d5debe4136..511240f54c 100644
--- a/examples/vue-apollo/pages/car/_id.vue
+++ b/examples/vue-apollo/pages/car/_id.vue
@@ -24,6 +24,11 @@ export default {
       }
     }
   },
+  head () {
+    return {
+      title: (this.Car ? `${this.Car.make} ${this.Car.model}` : 'Loading')
+    }
+  },
   methods: {
     formatCurrency (num) {
       const formatter = new Intl.NumberFormat('en-US', {
@@ -33,11 +38,6 @@ export default {
       })
       return formatter.format(num)
     }
-  },
-  head () {
-    return {
-      title: (this.Car ? `${this.Car.make} ${this.Car.model}` : 'Loading')
-    }
   }
 }
 </script>
diff --git a/examples/with-sockets/pages/index.vue b/examples/with-sockets/pages/index.vue
index 180e464a4f..9f8ea16d60 100644
--- a/examples/with-sockets/pages/index.vue
+++ b/examples/with-sockets/pages/index.vue
@@ -29,6 +29,9 @@ export default {
   data () {
     return { message: '' }
   },
+  head: {
+    title: 'Nuxt.js with Socket.io'
+  },
   watch: {
     messages: 'scrollToBottom'
   },
@@ -56,9 +59,6 @@ export default {
         this.$refs.messages.scrollTop = this.$refs.messages.scrollHeight
       })
     }
-  },
-  head: {
-    title: 'Nuxt.js with Socket.io'
   }
 }
 </script>
diff --git a/examples/with-vuetify/layouts/default.vue b/examples/with-vuetify/layouts/default.vue
index 5fe9c2c54c..7310921218 100644
--- a/examples/with-vuetify/layouts/default.vue
+++ b/examples/with-vuetify/layouts/default.vue
@@ -70,9 +70,6 @@
   </v-app>
 </template>
 
-<style scoped>
-</style>
-
 <script>
 export default {
   data () {
@@ -101,3 +98,6 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+</style>
diff --git a/examples/with-vux/pages/index.vue b/examples/with-vux/pages/index.vue
index c2013bf009..f33851a3cd 100644
--- a/examples/with-vux/pages/index.vue
+++ b/examples/with-vux/pages/index.vue
@@ -8,15 +8,15 @@
 
 <script>
 export default {
-  methods: {
-    alert () {
-      this.$vux.alert.show('This is a Alert example.')
-    }
-  },
   head () {
     return {
       title: 'vux demo'
     }
+  },
+  methods: {
+    alert () {
+      this.$vux.alert.show('This is a Alert example.')
+    }
   }
 }
 </script>
diff --git a/examples/with-vux/plugins/vux-components.js b/examples/with-vux/plugins/vux-components.js
index b6a978aa8e..20a7f46289 100644
--- a/examples/with-vux/plugins/vux-components.js
+++ b/examples/with-vux/plugins/vux-components.js
@@ -1,5 +1,5 @@
 import Vue from 'vue'
 import { Group, Cell } from 'vux'
 
-Vue.component('group', Group)
-Vue.component('cell', Cell)
+Vue.component('Group', Group)
+Vue.component('Cell', Cell)
diff --git a/package.json b/package.json
index 0842058fef..36a20f804a 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "@babel/core": "^7.12.3",
     "@babel/preset-env": "^7.12.1",
     "@ls-lint/ls-lint": "^1.9.2",
-    "@nuxtjs/eslint-config": "^4.0.0",
+    "@nuxtjs/eslint-config": "^5.0.0",
     "@rollup/plugin-alias": "^3.1.1",
     "@rollup/plugin-commonjs": "^16.0.0",
     "@rollup/plugin-json": "^4.1.0",
diff --git a/packages/cli/src/commands/webpack.js b/packages/cli/src/commands/webpack.js
index 5d453f3308..2059b33847 100644
--- a/packages/cli/src/commands/webpack.js
+++ b/packages/cli/src/commands/webpack.js
@@ -86,7 +86,7 @@ function advancedGet (obj = {}, query = '') {
     const v = get(i, l)
 
     if (!v) {
-      return
+      return false
     }
 
     if (
@@ -97,6 +97,8 @@ function advancedGet (obj = {}, query = '') {
     ) {
       return true
     }
+
+    return false
   })
 
   if (result.length === 1) {
diff --git a/packages/cli/src/utils/serve.js b/packages/cli/src/utils/serve.js
index 7db03a7b62..03ec213122 100644
--- a/packages/cli/src/utils/serve.js
+++ b/packages/cli/src/utils/serve.js
@@ -20,7 +20,7 @@ export async function serve (cmd) {
     options.target = buildConfig.target
   } catch (err) { }
 
-  const distStat = await fs.stat(options.generate.dir).catch(err => null) // eslint-disable-line handle-callback-err
+  const distStat = await fs.stat(options.generate.dir).catch(err => null) // eslint-disable-line node/handle-callback-err
   const distPath = join(options.generate.dir.replace(process.cwd() + sep, ''), sep)
   if (!distStat || !distStat.isDirectory()) {
     throw new Error('Output directory `' + distPath + '` does not exists, please use `nuxt generate` before `nuxt start` for static target.')
diff --git a/packages/cli/test/utils/mocking.js b/packages/cli/test/utils/mocking.js
index 3482e3fc80..838dfe8aef 100644
--- a/packages/cli/test/utils/mocking.js
+++ b/packages/cli/test/utils/mocking.js
@@ -21,7 +21,7 @@ jest.mock('../../src/imports', () => {
   }
 })
 
-export const mockGetNuxt = (options = {}, implementation) => {
+export const mockGetNuxt = (options = {}, implementation = {}) => {
   Command.prototype.getNuxt = jest.fn().mockImplementationOnce(() => {
     return Object.assign({
       hook: jest.fn(),
diff --git a/packages/generator/src/generator.js b/packages/generator/src/generator.js
index a648256a91..e18d70af6f 100644
--- a/packages/generator/src/generator.js
+++ b/packages/generator/src/generator.js
@@ -317,6 +317,7 @@ export default class Generator {
             this.generatedRoutes.add(route)
             this.routes.push({ route })
           }
+          return null
         })
       }
 
diff --git a/packages/utils/src/route.js b/packages/utils/src/route.js
index eaa31df804..9a2c88546f 100644
--- a/packages/utils/src/route.js
+++ b/packages/utils/src/route.js
@@ -41,6 +41,7 @@ export const flatRoutes = function flatRoutes (router, fileName = '', routes = [
   return routes
 }
 
+// eslint-disable-next-line default-param-last
 function cleanChildrenRoutes (routes, isChild = false, routeNameSplitter = '-', trailingSlash, parentRouteName) {
   const regExpIndex = new RegExp(`${routeNameSplitter}index$`)
   const regExpParentRouteName = new RegExp(`^${parentRouteName}${routeNameSplitter}`)
@@ -129,17 +130,21 @@ export const sortRoutes = function sortRoutes (routes) {
       // If a.length >= b.length
       if (i === _b.length - 1 && res === 0) {
         // unless * found sort by level, then alphabetically
-        res = _a[i] === '*' ? -1 : (
-          _a.length === _b.length ? a.path.localeCompare(b.path) : (_a.length - _b.length)
-        )
+        res = _a[i] === '*'
+          ? -1
+          : (
+            _a.length === _b.length ? a.path.localeCompare(b.path) : (_a.length - _b.length)
+          )
       }
     }
 
     if (res === 0) {
       // unless * found sort by level, then alphabetically
-      res = _a[i - 1] === '*' && _b[i] ? 1 : (
-        _a.length === _b.length ? a.path.localeCompare(b.path) : (_a.length - _b.length)
-      )
+      res = _a[i - 1] === '*' && _b[i]
+        ? 1
+        : (
+          _a.length === _b.length ? a.path.localeCompare(b.path) : (_a.length - _b.length)
+        )
     }
     return res
   })
diff --git a/packages/webpack/src/utils/postcss.js b/packages/webpack/src/utils/postcss.js
index 96b13e70cb..07a80a753c 100644
--- a/packages/webpack/src/utils/postcss.js
+++ b/packages/webpack/src/utils/postcss.js
@@ -79,13 +79,15 @@ export default class PostcssConfig {
 
         // https://github.com/csstools/postcss-preset-env
         'postcss-preset-env': this.preset || {},
-        cssnano: dev ? false : {
-          preset: ['default', {
-            // Keep quotes in font values to prevent from HEX conversion
-            // https://github.com/nuxt/nuxt.js/issues/6306
-            minifyFontValues: { removeQuotes: false }
-          }]
-        }
+        cssnano: dev
+          ? false
+          : {
+            preset: ['default', {
+              // Keep quotes in font values to prevent from HEX conversion
+              // https://github.com/nuxt/nuxt.js/issues/6306
+              minifyFontValues: { removeQuotes: false }
+            }]
+          }
       },
       // Array, String or Function
       order: 'presetEnvAndCssnanoLast'
@@ -153,7 +155,7 @@ export default class PostcssConfig {
           const plugin = this.buildContext.nuxt.resolver.requireModule(p)
           const opts = plugins[p]
           if (opts === false) {
-            return // Disabled
+            return false // Disabled
           }
           return plugin(opts)
         })
diff --git a/test/dev/named-views.test.js b/test/dev/named-views.test.js
index dd82032167..965b2bbc8b 100644
--- a/test/dev/named-views.test.js
+++ b/test/dev/named-views.test.js
@@ -23,20 +23,20 @@ describe('named views', () => {
   test('/section - have child, no named', async () => {
     const { html } = await nuxt.server.renderRoute('/section')
     expect(html).toContain('LEFT:<!---->:LEFT')
-    expect(html).toMatch(new RegExp('CHILD:<div( data-v-.+)*>This page does not have left panel.</div>:CHILD'))
+    expect(html).toMatch(/CHILD:<div( data-v-.+)*>This page does not have left panel.<\/div>:CHILD/)
     expect(html).toContain('TOP:<!---->:TOP')
   })
 
   test('/child/123 - have child, have named', async () => {
     const { html } = await nuxt.server.renderRoute('/child/123')
-    expect(html).toMatch(new RegExp('LEFT:<div( data-v-.+)*>Child Left content!</div>:LEFT'))
-    expect(html).toMatch(new RegExp('CHILD:<div( data-v-.+)*>Child content ID:123!</div>:CHILD'))
+    expect(html).toMatch(/LEFT:<div( data-v-.+)*>Child Left content!<\/div>:LEFT/)
+    expect(html).toMatch(/CHILD:<div( data-v-.+)*>Child content ID:123!<\/div>:CHILD/)
     expect(html).toContain('TOP:<!---->:TOP')
   })
 
   test('/main - no child, no named left, have named top', async () => {
     const { html } = await nuxt.server.renderRoute('/main')
-    expect(html).toMatch(new RegExp('TOP:<div( data-v-.+)*>Main Top content!</div>:TOP'))
+    expect(html).toMatch(/TOP:<div( data-v-.+)*>Main Top content!<\/div>:TOP/)
     expect(html).toContain('LEFT:<!---->:LEFT')
     expect(html).toContain('CHILD:<!---->:CHILD')
   })
diff --git a/test/fixtures/fetch/components/Team.vue b/test/fixtures/fetch/components/Team.vue
index fb678b7cf1..4a6f155b04 100644
--- a/test/fixtures/fetch/components/Team.vue
+++ b/test/fixtures/fetch/components/Team.vue
@@ -12,15 +12,15 @@
 
 <script>
 export default {
-  async fetch () {
-    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
-
-    this.team = await fetch(`${url}/team.json`).then(res => res.json())
-  },
   data () {
     return {
       team: []
     }
+  },
+  async fetch () {
+    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
+
+    this.team = await fetch(`${url}/team.json`).then(res => res.json())
   }
 }
 </script>
diff --git a/test/fixtures/fetch/pages/fetch-button.vue b/test/fixtures/fetch/pages/fetch-button.vue
index 4617fa31bf..c04d3bc7f6 100644
--- a/test/fixtures/fetch/pages/fetch-button.vue
+++ b/test/fixtures/fetch/pages/fetch-button.vue
@@ -12,15 +12,15 @@
 
 <script>
 export default {
-  async fetch () {
-    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
-
-    this.team = await fetch(`${url}/team.json`).then(res => res.json())
-  },
   data () {
     return {
       team: []
     }
+  },
+  async fetch () {
+    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
+
+    this.team = await fetch(`${url}/team.json`).then(res => res.json())
   }
 }
 </script>
diff --git a/test/fixtures/fetch/pages/fetch-client.vue b/test/fixtures/fetch/pages/fetch-client.vue
index af7312c52a..3c0e994cb4 100644
--- a/test/fixtures/fetch/pages/fetch-client.vue
+++ b/test/fixtures/fetch/pages/fetch-client.vue
@@ -9,14 +9,14 @@
 
 <script>
 export default {
-  async fetch () {
-    this.team = await fetch('/team.json').then(res => res.json())
-  },
   data () {
     return {
       team: []
     }
   },
+  async fetch () {
+    this.team = await fetch('/team.json').then(res => res.json())
+  },
   fetchOnServer: false
 }
 </script>
diff --git a/test/fixtures/fetch/pages/fetch-conditional.vue b/test/fixtures/fetch/pages/fetch-conditional.vue
index df71f3baab..2eac49cd59 100644
--- a/test/fixtures/fetch/pages/fetch-conditional.vue
+++ b/test/fixtures/fetch/pages/fetch-conditional.vue
@@ -12,16 +12,16 @@
 
 <script>
 export default {
-  async fetch () {
-    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
-
-    this.team = await fetch(`${url}/team.json`).then(res => res.json())
-  },
   data () {
     return {
       team: []
     }
   },
+  async fetch () {
+    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
+
+    this.team = await fetch(`${url}/team.json`).then(res => res.json())
+  },
   fetchOnServer () {
     return !this.$route.query.fetch_client
   }
diff --git a/test/fixtures/fetch/pages/fetch-deep.vue b/test/fixtures/fetch/pages/fetch-deep.vue
index 250a3342e6..c79bf96f37 100644
--- a/test/fixtures/fetch/pages/fetch-deep.vue
+++ b/test/fixtures/fetch/pages/fetch-deep.vue
@@ -5,13 +5,6 @@
 
 <script>
 export default {
-  async fetch () {
-    await new Promise(resolve => setTimeout(resolve, 100))
-    this.user.inventory.items.push('B')
-    this.user.name = 'Potato'
-    this.foo = 'barbar'
-    this.async2 = 'data2fetch'
-  },
   async asyncData () {
     await new Promise(resolve => setTimeout(resolve, 100))
     return {
@@ -30,6 +23,13 @@ export default {
         }
       }
     }
+  },
+  async fetch () {
+    await new Promise(resolve => setTimeout(resolve, 100))
+    this.user.inventory.items.push('B')
+    this.user.name = 'Potato'
+    this.foo = 'barbar'
+    this.async2 = 'data2fetch'
   }
 }
 </script>
diff --git a/test/fixtures/fetch/pages/fetch-delay.vue b/test/fixtures/fetch/pages/fetch-delay.vue
index 37bb499f6a..07a9debbdf 100644
--- a/test/fixtures/fetch/pages/fetch-delay.vue
+++ b/test/fixtures/fetch/pages/fetch-delay.vue
@@ -9,16 +9,16 @@
 
 <script>
 export default {
-  async fetch () {
-    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
-
-    this.team = await fetch(`${url}/team.json`).then(res => res.json())
-  },
   data () {
     return {
       team: []
     }
   },
+  async fetch () {
+    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
+
+    this.team = await fetch(`${url}/team.json`).then(res => res.json())
+  },
   fetchDelay: 1000
 }
 </script>
diff --git a/test/fixtures/fetch/pages/fetch-error.vue b/test/fixtures/fetch/pages/fetch-error.vue
index 035429ad7a..320a9b7734 100644
--- a/test/fixtures/fetch/pages/fetch-error.vue
+++ b/test/fixtures/fetch/pages/fetch-error.vue
@@ -12,13 +12,13 @@
 
 <script>
 export default {
-  async fetch () {
-    await new Promise((resolve, reject) => reject(new Error('fetch-error')))
-  },
   data () {
     return {
       team: []
     }
+  },
+  async fetch () {
+    await new Promise((resolve, reject) => reject(new Error('fetch-error')))
   }
 }
 </script>
diff --git a/test/fixtures/fetch/pages/fetch-root.vue b/test/fixtures/fetch/pages/fetch-root.vue
index 7297278cc7..3501c4dad3 100644
--- a/test/fixtures/fetch/pages/fetch-root.vue
+++ b/test/fixtures/fetch/pages/fetch-root.vue
@@ -6,16 +6,16 @@
 
 <script>
 export default {
-  async fetch () {
-    await new Promise(resolve => setTimeout(resolve, 100))
-
-    this.foo = this.$fetch ? 'has fetch' : 'hasn\'t fetch'
-  },
 
   data () {
     return {
       foo: null
     }
+  },
+  async fetch () {
+    await new Promise(resolve => setTimeout(resolve, 100))
+
+    this.foo = this.$fetch ? 'has fetch' : 'hasn\'t fetch'
   }
 }
 </script>
diff --git a/test/fixtures/fetch/pages/index.vue b/test/fixtures/fetch/pages/index.vue
index d2f100cdac..211986c90a 100644
--- a/test/fixtures/fetch/pages/index.vue
+++ b/test/fixtures/fetch/pages/index.vue
@@ -9,15 +9,15 @@
 
 <script>
 export default {
-  async fetch () {
-    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
-
-    this.team = await fetch(`${url}/team.json`).then(res => res.json())
-  },
   data () {
     return {
       team: []
     }
+  },
+  async fetch () {
+    const url = (process.server ? `http://${this.$ssrContext.req.headers.host}` : '')
+
+    this.team = await fetch(`${url}/team.json`).then(res => res.json())
   }
 }
 </script>
diff --git a/test/fixtures/fetch/pages/old-fetch.vue b/test/fixtures/fetch/pages/old-fetch.vue
index 24ce412bdf..0e82b90e7c 100644
--- a/test/fixtures/fetch/pages/old-fetch.vue
+++ b/test/fixtures/fetch/pages/old-fetch.vue
@@ -6,13 +6,13 @@
 
 <script>
 export default {
-  fetch ({ store, route }) {
-    store.commit('setOldFetchData', route.name)
-  },
   data () {
     return {
       team: []
     }
+  },
+  fetch ({ store, route }) {
+    store.commit('setOldFetchData', route.name)
   }
 }
 </script>
diff --git a/test/fixtures/full-static/pages/store.vue b/test/fixtures/full-static/pages/store.vue
index 6db14e94a7..fb10b6045d 100644
--- a/test/fixtures/full-static/pages/store.vue
+++ b/test/fixtures/full-static/pages/store.vue
@@ -8,11 +8,11 @@
 
 <script>
 export default {
-  fetch () {
-    this.$store.commit('COUNT')
-  },
   async asyncData ({ store }) {
     await store.dispatch('auth/FETCH_USER')
+  },
+  fetch () {
+    this.$store.commit('COUNT')
   }
 }
 </script>
diff --git a/yarn.lock b/yarn.lock
index d929084e73..e3b1326166 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1973,19 +1973,19 @@
     rc9 "^1.0.0"
     std-env "^2.2.1"
 
-"@nuxtjs/eslint-config@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/@nuxtjs/eslint-config/-/eslint-config-4.0.0.tgz#5e341d2221955bbcaf30b44796c65b522ed3e838"
-  integrity sha512-QBYC4KLf3KAHHhNuruH6n3wnnah1m5F3+gmbzUJbCkIxDn0rjrD1AzPGvqYAv8b5mh1JFgrkicD0mHmD0l4Meg==
+"@nuxtjs/eslint-config@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/@nuxtjs/eslint-config/-/eslint-config-5.0.0.tgz#d66143ee4ada9d944de0bfbe2d7e4693a2e20d60"
+  integrity sha512-xoi0CPpFj4hOTz5xMiqGK314276gOmI+8W+3tgybqsKiKQBFXe1IOUjHzsuGqkS44iGy+GmmrwA387ojvKnhkQ==
   dependencies:
-    eslint-config-standard "^14.1.1"
-    eslint-plugin-import "^2.22.0"
-    eslint-plugin-jest "^23.19.0"
+    eslint-config-standard "^16.0.1"
+    eslint-plugin-import "^2.22.1"
+    eslint-plugin-jest "^24.1.3"
     eslint-plugin-node "^11.1.0"
     eslint-plugin-promise "^4.2.1"
-    eslint-plugin-standard "^4.0.1"
-    eslint-plugin-unicorn "^22.0.0"
-    eslint-plugin-vue "^6.2.2"
+    eslint-plugin-standard "^4.1.0"
+    eslint-plugin-unicorn "^23.0.0"
+    eslint-plugin-vue "^7.1.0"
 
 "@nuxtjs/youch@^4.2.3":
   version "4.2.3"
@@ -2608,29 +2608,53 @@
   dependencies:
     "@types/node" "*"
 
-"@typescript-eslint/experimental-utils@^2.5.0":
-  version "2.34.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz#d3524b644cdb40eebceca67f8cf3e4cc9c8f980f"
-  integrity sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==
+"@typescript-eslint/experimental-utils@^4.0.1":
+  version "4.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-4.7.0.tgz#8d1058c38bec3d3bbd9c898a1c32318d80faf3c5"
+  integrity sha512-cymzovXAiD4EF+YoHAB5Oh02MpnXjvyaOb+v+BdpY7lsJXZQN34oIETeUwVT2XfV9rSNpXaIcknDLfupO/tUoA==
   dependencies:
     "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/typescript-estree" "2.34.0"
+    "@typescript-eslint/scope-manager" "4.7.0"
+    "@typescript-eslint/types" "4.7.0"
+    "@typescript-eslint/typescript-estree" "4.7.0"
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
-"@typescript-eslint/typescript-estree@2.34.0":
-  version "2.34.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz#14aeb6353b39ef0732cc7f1b8285294937cf37d5"
-  integrity sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==
+"@typescript-eslint/scope-manager@4.7.0":
+  version "4.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.7.0.tgz#2115526085fb72723ccdc1eeae75dec7126220ed"
+  integrity sha512-ILITvqwDJYbcDCROj6+Ob0oCKNg3SH46iWcNcTIT9B5aiVssoTYkhKjxOMNzR1F7WSJkik4zmuqve5MdnA0DyA==
   dependencies:
+    "@typescript-eslint/types" "4.7.0"
+    "@typescript-eslint/visitor-keys" "4.7.0"
+
+"@typescript-eslint/types@4.7.0":
+  version "4.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-4.7.0.tgz#5e95ef5c740f43d942542b35811f87b62fccca69"
+  integrity sha512-uLszFe0wExJc+I7q0Z/+BnP7wao/kzX0hB5vJn4LIgrfrMLgnB2UXoReV19lkJQS1a1mHWGGODSxnBx6JQC3Sg==
+
+"@typescript-eslint/typescript-estree@4.7.0":
+  version "4.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.7.0.tgz#539531167f05ba20eb0b6785567076679e29d393"
+  integrity sha512-5XZRQznD1MfUmxu1t8/j2Af4OxbA7EFU2rbo0No7meb46eHgGkSieFdfV6omiC/DGIBhH9H9gXn7okBbVOm8jw==
+  dependencies:
+    "@typescript-eslint/types" "4.7.0"
+    "@typescript-eslint/visitor-keys" "4.7.0"
     debug "^4.1.1"
-    eslint-visitor-keys "^1.1.0"
-    glob "^7.1.6"
+    globby "^11.0.1"
     is-glob "^4.0.1"
     lodash "^4.17.15"
     semver "^7.3.2"
     tsutils "^3.17.1"
 
+"@typescript-eslint/visitor-keys@4.7.0":
+  version "4.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-4.7.0.tgz#6783824f22acfc49e754970ed21b88ac03b80e6f"
+  integrity sha512-aDJDWuCRsf1lXOtignlfiPODkzSxxop7D0rZ91L6ZuMlcMCSh0YyK+gAfo5zN/ih6WxMwhoXgJWC3cWQdaKC+A==
+  dependencies:
+    "@typescript-eslint/types" "4.7.0"
+    eslint-visitor-keys "^2.0.0"
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.2.1":
   version "1.2.1"
   resolved "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz#31624a7a505fb14da1d58023725a4c5f270e6a81"
@@ -5581,10 +5605,10 @@ eslint-ast-utils@^1.1.0:
     lodash.get "^4.4.2"
     lodash.zip "^4.2.0"
 
-eslint-config-standard@^14.1.1:
-  version "14.1.1"
-  resolved "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-14.1.1.tgz#830a8e44e7aef7de67464979ad06b406026c56ea"
-  integrity sha512-Z9B+VR+JIXRxz21udPTL9HpFMyoMUEeX1G251EQ6e05WD9aPVtVBn09XUmZ259wCMlCDmYDSZG62Hhm+ZTJcUg==
+eslint-config-standard@^16.0.1:
+  version "16.0.1"
+  resolved "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-16.0.1.tgz#9a385eea27f96b7918cb53f07e01e9d10cc56401"
+  integrity sha512-WBBiQQZdaPyL+4sPkGWhWrHCDtvJoU195B9j8yXE9uFQnX34gMXI5CeBRm95gx3PMEZPM5OpwET10hH4F4SxCA==
 
 eslint-import-resolver-node@^0.3.4:
   version "0.3.4"
@@ -5619,7 +5643,7 @@ eslint-plugin-es@^3.0.0:
     eslint-utils "^2.0.0"
     regexpp "^3.0.0"
 
-eslint-plugin-import@^2.22.0:
+eslint-plugin-import@^2.22.1:
   version "2.22.1"
   resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.22.1.tgz#0896c7e6a0cf44109a2d97b95903c2bb689d7702"
   integrity sha512-8K7JjINHOpH64ozkAhpT3sd+FswIZTfMZTjdx052pnWrgRCVfp8op9tbjpAk3DdUeI/Ba4C8OjdC0r90erHEOw==
@@ -5638,12 +5662,12 @@ eslint-plugin-import@^2.22.0:
     resolve "^1.17.0"
     tsconfig-paths "^3.9.0"
 
-eslint-plugin-jest@^23.19.0:
-  version "23.20.0"
-  resolved "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-23.20.0.tgz#e1d69c75f639e99d836642453c4e75ed22da4099"
-  integrity sha512-+6BGQt85OREevBDWCvhqj1yYA4+BFK4XnRZSGJionuEYmcglMZYLNNBBemwzbqUAckURaHdJSBcjHPyrtypZOw==
+eslint-plugin-jest@^24.1.3:
+  version "24.1.3"
+  resolved "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-24.1.3.tgz#fa3db864f06c5623ff43485ca6c0e8fc5fe8ba0c"
+  integrity sha512-dNGGjzuEzCE3d5EPZQ/QGtmlMotqnYWD/QpCZ1UuZlrMAdhG5rldh0N0haCvhGnUkSeuORS5VNROwF9Hrgn3Lg==
   dependencies:
-    "@typescript-eslint/experimental-utils" "^2.5.0"
+    "@typescript-eslint/experimental-utils" "^4.0.1"
 
 eslint-plugin-node@^11.1.0:
   version "11.1.0"
@@ -5662,15 +5686,15 @@ eslint-plugin-promise@^4.2.1:
   resolved "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-4.2.1.tgz#845fd8b2260ad8f82564c1222fce44ad71d9418a"
   integrity sha512-VoM09vT7bfA7D+upt+FjeBO5eHIJQBUWki1aPvB+vbNiHS3+oGIJGIeyBtKQTME6UPXXy3vV07OL1tHd3ANuDw==
 
-eslint-plugin-standard@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.npmjs.org/eslint-plugin-standard/-/eslint-plugin-standard-4.0.2.tgz#021211a9f077e63a6847e7bb9ab4247327ac8e0c"
-  integrity sha512-nKptN8l7jksXkwFk++PhJB3cCDTcXOEyhISIN86Ue2feJ1LFyY3PrY3/xT2keXlJSY5bpmbiTG0f885/YKAvTA==
+eslint-plugin-standard@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-standard/-/eslint-plugin-standard-4.1.0.tgz#0c3bf3a67e853f8bbbc580fb4945fbf16f41b7c5"
+  integrity sha512-ZL7+QRixjTR6/528YNGyDotyffm5OQst/sGxKDwGb9Uqs4In5Egi4+jbobhqJoyoCM6/7v/1A5fhQ7ScMtDjaQ==
 
-eslint-plugin-unicorn@^22.0.0:
-  version "22.0.0"
-  resolved "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-22.0.0.tgz#46a93d8de393b865e04c2057a4ed3510864dd3be"
-  integrity sha512-jXPOauNiVFYLr+AeU3l21Ao+iDl/G08vUWui21RCI2L1TJIIoJvAMjMR6I+QPKr8FgIumzuR6gzDKCtEx2IkzA==
+eslint-plugin-unicorn@^23.0.0:
+  version "23.0.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-23.0.0.tgz#b2820212874735f9d91ecc8678b263ecfa6cf5f6"
+  integrity sha512-Vabo3cjl6cjyhcf+76CdQEY6suOFzK0Xh3xo0uL9VDYrDJP5+B6PjV0tHTYm82WZmFWniugFJM3ywHSNYTi/ZQ==
   dependencies:
     ci-info "^2.0.0"
     clean-regexp "^1.0.0"
@@ -5686,14 +5710,15 @@ eslint-plugin-unicorn@^22.0.0:
     safe-regex "^2.1.1"
     semver "^7.3.2"
 
-eslint-plugin-vue@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-6.2.2.tgz#27fecd9a3a24789b0f111ecdd540a9e56198e0fe"
-  integrity sha512-Nhc+oVAHm0uz/PkJAWscwIT4ijTrK5fqNqz9QB1D35SbbuMG1uB6Yr5AJpvPSWg+WOw7nYNswerYh0kOk64gqQ==
+eslint-plugin-vue@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.1.0.tgz#832d83e4e1e480c7285b2bc3ff1076cd0dca7a5b"
+  integrity sha512-9dW7kj8/d2IkDdgNpvIhJdJ3XzU3x4PThXYMzWt49taktYnGyrTY6/bXCYZ/VtQKU9kXPntPrZ41+8Pw0Nxblg==
   dependencies:
+    eslint-utils "^2.1.0"
     natural-compare "^1.4.0"
-    semver "^5.6.0"
-    vue-eslint-parser "^7.0.0"
+    semver "^7.3.2"
+    vue-eslint-parser "^7.1.1"
 
 eslint-scope@^4.0.3:
   version "4.0.3"
@@ -13312,7 +13337,7 @@ vue-client-only@^2.0.0:
   resolved "https://registry.npmjs.org/vue-client-only/-/vue-client-only-2.0.0.tgz#ddad8d675ee02c761a14229f0e440e219de1da1c"
   integrity sha512-arhk1wtWAfLsJyxGMoEYhoBowM87/i6HLSG2LH/03Yog6i2d9JEN1peMP0Ceis+/n9DxdenGYZZTxbPPJyHciA==
 
-vue-eslint-parser@^7.0.0:
+vue-eslint-parser@^7.1.1:
   version "7.1.1"
   resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.1.1.tgz#c43c1c715ff50778b9a7e9a4e16921185f3425d3"
   integrity sha512-8FdXi0gieEwh1IprIBafpiJWcApwrU+l2FEj8c1HtHFdNXMd0+2jUSjBVmcQYohf/E72irwAXEXLga6TQcB3FA==