refactor: lint all js blocks in markdown files (nuxt#1681)

Author: pi0

.eslintrc

@@ -0,0 +1,13 @@
+{
+  "root": true,
+  "parserOptions": {
+    "parser": "babel-eslint",
+    "sourceType": "module"
+  },
+  "extends": [
+    "@nuxtjs"
+  ],
+  "plugins": [
+    "markdown"
+  ]
+}

de/api/components-nuxt.md

@@ -43,9 +43,9 @@ There are 3 ways to handle internal `key` prop of `<router-view/>`.
 
   ```js
   export default {
-     key(route) {
-       return route.fullPath
-     }
+    key (route) {
+      return route.fullPath
+    }
   }
   ```
 

de/api/configuration-dev.md

@@ -35,7 +35,7 @@ const app = require('express')()
 const port = process.env.PORT || 3000
 
 // We instantiate Nuxt.js with the options
-let config = require('./nuxt.config.js')
+const config = require('./nuxt.config.js')
 const nuxt = new Nuxt(config)
 app.use(nuxt.render)
 

de/api/configuration-generate.md

@@ -126,13 +126,13 @@ const axios = require('axios')
 
 module.exports = {
   generate: {
-    routes: function () {
+    routes () {
       return axios.get('https://my-api/users')
-      .then((res) => {
-        return res.data.map((user) => {
-          return '/users/' + user.id
+        .then((res) => {
+          return res.data.map((user) => {
+            return '/users/' + user.id
+          })
         })
-      })
     }
   }
 }
@@ -147,15 +147,15 @@ const axios = require('axios')
 
 module.exports = {
   generate: {
-    routes: function (callback) {
+    routes (callback) {
       axios.get('https://my-api/users')
-      .then((res) => {
-        var routes = res.data.map((user) => {
-          return '/users/' + user.id
+        .then((res) => {
+          const routes = res.data.map((user) => {
+            return '/users/' + user.id
+          })
+          callback(null, routes)
         })
-        callback(null, routes)
-      })
-      .catch(callback)
+        .catch(callback)
     }
   }
 }
@@ -172,16 +172,16 @@ const axios = require('axios')
 
 module.exports = {
   generate: {
-    routes: function () {
+    routes () {
       return axios.get('https://my-api/users')
-      .then((res) => {
-        return res.data.map((user) => {
-          return {
-            route: '/users/' + user.id,
-            payload: user
-          }
+        .then((res) => {
+          return res.data.map((user) => {
+            return {
+              route: '/users/' + user.id,
+              payload: user
+            }
+          })
         })
-      })
     }
   }
 }

de/api/configuration-loading.md

@@ -20,7 +20,7 @@ export default {
       setTimeout(() => this.$nuxt.$loading.finish(), 500)
     })
   }
- }
+}
 ```
 
 > If you want to start it in the `mounted` method, make sure to use ` this.$nextTick`, because $loading may not be available immediately. 

de/api/configuration-render.md

@@ -17,7 +17,7 @@ module.exports = {
   render: {
     bundleRenderer: {
       directives: {
-        custom1: function (el, dir) {
+        custom1 (el, dir) {
           // something ...
         }
       }

de/api/configuration-router.md

@@ -202,7 +202,7 @@ Example of forcing the scroll position to the top for every routes:
 ```js
 module.exports = {
   router: {
-    scrollBehavior: function (to, from, savedPosition) {
+    scrollBehavior (to, from, savedPosition) {
       return { x: 0, y: 0 }
     }
   }

de/api/configuration-servermiddleware.md

@@ -32,14 +32,14 @@ const serveStatic = require('serve-static')
 
 module.exports = {
   serverMiddleware: [
-      // Will register redirect-ssl npm package
-      'redirect-ssl',
+    // Will register redirect-ssl npm package
+    'redirect-ssl',
 
-      // Will register file from project api directory to handle /api/* requires
-      { path: '/api', handler: '~/api/index.js' },
+    // Will register file from project api directory to handle /api/* requires
+    { path: '/api', handler: '~/api/index.js' },
 
-      // We can create custom instances too
-      { path: '/static2', handler: serveStatic(__dirname + '/static2') }
+    // We can create custom instances too
+    { path: '/static2', handler: serveStatic(__dirname + '/static2') }
   ]
 }
 ```
@@ -58,21 +58,21 @@ Middleware (`api/logger.js`):
 
 ```js
 module.exports = function (req, res, next) {
-    // req is the Node.js http request object
-    console.log(req.path)
-    
-    // res is the Node.js http response object
-
-    // next is a function to call to invoke the next middleware
-    // Don't forget to call next at the end if your middleware is not an endpoint!
-    next()
+  // req is the Node.js http request object
+  console.log(req.path)
+
+  // res is the Node.js http response object
+
+  // next is a function to call to invoke the next middleware
+  // Don't forget to call next at the end if your middleware is not an endpoint!
+  next()
 }
 ```
 
 Nuxt Config (`nuxt.config.js`):
 
 ```js
 serverMiddleware: [
-    '~/api/logger'
+  '~/api/logger'
 ]
 ```

de/api/configuration-vue-config.md

@@ -18,8 +18,8 @@ description: A config object for Vue.config
 export default {
   vue: {
     config: {
-     productionTip: true,
-     devtools: false
+      productionTip: true,
+      devtools: false
     }
   }
 }

de/api/internals-module-container.md

@@ -14,16 +14,16 @@ All [modules](/guide/modules) will be called within context of `ModuleContainer`
 We can register hooks on certain life cycle events.
 
 ```js
-nuxt.moduleContainer.plugin('ready', async moduleContainer => {
-    // Do this after all modules where ready
+nuxt.moduleContainer.plugin('ready', async (moduleContainer) => {
+  // Do this after all modules where ready
 })
 ```
 
 Inside [modules](/guide/modules) context we can use this instead:
 
 ```js
-this.plugin('ready', async moduleContainer => {
-    // Do this after all modules where ready
+this.plugin('ready', async (moduleContainer) => {
+  // Do this after all modules where ready
 })
 ```
 

de/api/internals-nuxt.md

@@ -14,8 +14,8 @@ This is the core container which allows all modules and classes communicate with
 We can register hooks on certain life cycle events.
 
 ```js
-nuxt.hook('ready', async nuxt => {
-    // Your custom code here
+nuxt.hook('ready', async (nuxt) => {
+  // Your custom code here
 })
 ```
 

de/api/internals.md

@@ -76,7 +76,7 @@ class SomeClass extends Tapable {
     this.options = nuxt.options
   }
 
-  someFunction() {
+  someFunction () {
     // We have access to `this.nuxt` and `this.options`
   }
 }
@@ -99,7 +99,7 @@ class FooClass extends Tapable {
 So we can hook into `foo` module like this:
 
 ```js
-nuxt.hook('foo', foo => {
-    // ...
+nuxt.hook('foo', (foo) => {
+  // ...
 })
 ```

de/api/nuxt-render-and-get-window.md

@@ -38,8 +38,8 @@ config.dev = false
 const nuxt = new Nuxt(config)
 
 nuxt.renderAndGetWindow('http://localhost:3000')
-.then((window) => {
+  .then((window) => {
   // Display the head `<title>`
-  console.log(window.document.title)
-})
+    console.log(window.document.title)
+  })
 ```

de/api/nuxt-render-route.md

@@ -35,15 +35,15 @@ config.dev = false
 const nuxt = new Nuxt(config)
 
 new Builder(nuxt)
-.build()
-.then(() => nuxt.renderRoute('/'))
-.then(({ html, error, redirected }) => {
+  .build()
+  .then(() => nuxt.renderRoute('/'))
+  .then(({ html, error, redirected }) => {
   // `html` will be always a string
 
-  // `error` not null when the error layout is displayed, the error format is:
-  // { statusCode: 500, message: 'My error message' }
+    // `error` not null when the error layout is displayed, the error format is:
+    // { statusCode: 500, message: 'My error message' }
 
   // `redirected` is not `false` when `redirect()` has been used in `data()` or `fetch()`
   // { path: '/other-path', query: {}, status: 302 }
-})
+  })
 ```

de/api/nuxt-render.md

@@ -33,13 +33,12 @@ app.use(nuxt.render)
 // Build only in dev mode with hot-reloading
 if (config.dev) {
   new Builder(nuxt).build()
-  .then(listen)
-}
-else {
+    .then(listen)
+} else {
   listen()
 }
 
-function listen() {
+function listen () {
   // Listen the server
   app.listen(port, '0.0.0.0')
   console.log('Server listening on `localhost:' + port + '`.')

de/api/pages-transition.md

@@ -93,7 +93,7 @@ If the `transition` key is set as a function:
 ```js
 export default {
   transition (to, from) {
-    if (!from) return 'slide-left'
+    if (!from) { return 'slide-left' }
     return +to.query.page < +from.query.page ? 'slide-right' : 'slide-left'
   }
 }

de/api/pages-validate.md

@@ -34,8 +34,8 @@ You can also check some data in your [store](/guide/vuex-store) for example (fil
 ```js
 export default {
   validate ({ params, store }) {
-    // Check if `params.id` is an existing category
-    return store.state.categories.some((category) => category.id === params.id)
+    // Check if `params.id` is an existing category
+    return store.state.categories.some(category => category.id === params.id)
   }
 }
 ```

de/examples/auth-external-jwt.md

@@ -61,7 +61,7 @@ After that make `index.js` in `store` directory like below :
 ```javascript
 import Vuex from 'vuex'
 
-var cookieparser = require('cookieparser')
+const cookieparser = require('cookieparser')
 
 const createStore = () => {
   return new Vuex.Store({
@@ -77,7 +77,7 @@ const createStore = () => {
       nuxtServerInit ({ commit }, { req }) {
         let accessToken = null
         if (req.headers.cookie) {
-          var parsed = cookieparser.parse(req.headers.cookie)
+          const parsed = cookieparser.parse(req.headers.cookie)
           accessToken = JSON.parse(parsed.auth)
         }
         commit('update', accessToken)

de/examples/auth-routes.md

@@ -105,7 +105,7 @@ const store = () => new Vuex.Store({
   },
 
   mutations: {
-    SET_USER: function (state, user) {
+    SET_USER (state, user) {
       state.authUser = user
     }
   },

de/faq/cached-components.md

@@ -24,7 +24,7 @@ To avoid boilerplate, use [Component Cache module](https://github.com/nuxt-commu
     ['@nuxtjs/component-cache', {
       max: 10000,
       maxAge: 1000 * 60 * 60
-    }],
+    }]
   ]
 }
 ```

de/faq/extend-webpack.md

@@ -10,9 +10,9 @@ You can extend the webpack configuration via the `extend` option in your `nuxt.c
 ```js
 module.exports = {
   build: {
-     extend (config, { isDev, isClient }) {
-       // ...
-     }
+    extend (config, { isDev, isClient }) {
+      // ...
+    }
   }
 }
 ```

de/faq/postcss-plugins.md

@@ -13,7 +13,7 @@ module.exports = {
     postcss: [
       require('postcss-nested')(),
       require('postcss-responsive-type')(),
-      require('postcss-hexrgba')(),
+      require('postcss-hexrgba')()
     ]
   }
 }

de/faq/window-document-undefined.md

@@ -18,7 +18,7 @@ if (process.client) {
 If you are using this library within multiple files, we recommend that you add it into your [vendor bundle](/api/configuration-build#build-vendor) via `nuxt.config.js`:
 
 ```js
-  build: {
-    vendor: ['external_library']
-  }
+build: {
+  vendor: ['external_library']
+}
 ```

de/guide/assets.md

@@ -31,7 +31,7 @@ Or if in your `pages/index.vue` you use:
 It will be compiled into:
 
 ```js
-createElement('img', { attrs: { src: require('~/assets/image.png') }})
+createElement('img', { attrs: { src: require('~/assets/image.png') } })
 ```
 
 Because `.png` is not a JavaScript file, Nuxt.js configures webpack to use [file-loader](https://github.com/webpack/file-loader) and [url-loader](https://github.com/webpack/url-loader) to handle them for you.