Merge pull request nuxt#1994 from clarkdo/examples_lint

refactor: add examples to lint
victorsaly · Oct 31, 2017 · a99ecda · a99ecda
2 parents b132dec + 3e637c5
commit a99ecda
Show file tree

Hide file tree

Showing 94 changed files with 368 additions and 338 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,4 @@
+app
+node_modules
+dist
+.nuxt
diff --git a/examples/async-component-injection/pages/_slug.vue b/examples/async-component-injection/pages/_slug.vue
@@ -12,7 +12,7 @@ const getPost = (slug) => ({
 })
 
 export default {
-  beforeCreate () {
+  beforeCreate() {
     this.component = () => getPost(this.$route.params.slug)
   }
 }

diff --git a/examples/async-data/nuxt.config.js b/examples/async-data/nuxt.config.js
@@ -12,7 +12,7 @@ module.exports = {
   },
   generate: {
     routes: [
-      '/posts/1',
+      '/posts/1'
     ]
   }
 }
diff --git a/examples/async-data/pages/posts/_id.vue b/examples/async-data/pages/posts/_id.vue
@@ -11,12 +11,12 @@
 import axios from 'axios'
 
 export default {
-  async asyncData ({ params }) {
+  async asyncData({ params }) {
     // We can use async/await ES6 feature
     let { data } = await axios.get(`https://jsonplaceholder.typicode.com/posts/${params.id}`)
     return { post: data }
   },
-  head () {
+  head() {
     return {
       title: this.post.title
     }

diff --git a/examples/async-data/pages/posts/index.vue b/examples/async-data/pages/posts/index.vue
@@ -15,12 +15,12 @@
 import axios from 'axios'
 
 export default {
-  asyncData ({ req, params }) {
+  asyncData({ req, params }) {
     // We can return a Promise instead of calling the callback
     return axios.get('https://jsonplaceholder.typicode.com/posts')
-    .then((res) => {
-      return { posts: res.data.slice(0, 5) }
-    })
+      .then((res) => {
+        return { posts: res.data.slice(0, 5) }
+      })
   },
   head: {
     title: 'List of posts'

diff --git a/examples/auth-routes/api/index.js b/examples/auth-routes/api/index.js
@@ -33,4 +33,4 @@ router.post('/logout', (req, res) => {
 module.exports = {
   path: '/api',
   handler: router
-}
+}
diff --git a/examples/auth-routes/pages/index.vue b/examples/auth-routes/pages/index.vue
@@ -20,15 +20,15 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       formError: null,
       formUsername: '',
       formPassword: ''
     }
   },
   methods: {
-    async login () {
+    async login() {
       try {
         await this.$store.dispatch('login', {
           username: this.formUsername,
@@ -37,11 +37,11 @@ export default {
         this.formUsername = ''
         this.formPassword = ''
         this.formError = null
-      } catch(e) {
+      } catch (e) {
         this.formError = e.message
       }
     },
-    async logout () {
+    async logout() {
       try {
         await this.$store.dispatch('logout')
       } catch (e) {

diff --git a/examples/auth-routes/store/index.js b/examples/auth-routes/store/index.js
@@ -12,12 +12,12 @@ export const mutations = {
 
 export const actions = {
   // nuxtServerInit is called by Nuxt.js before server-rendering every page
-  nuxtServerInit ({ commit }, { req }) {
+  nuxtServerInit({ commit }, { req }) {
     if (req.session && req.session.authUser) {
       commit('SET_USER', req.session.authUser)
     }
   },
-  async login ({ commit }, { username, password }) {
+  async login({ commit }, { username, password }) {
     try {
       const { data } = await axios.post('/api/login', { username, password })
       commit('SET_USER', data)
@@ -29,7 +29,7 @@ export const actions = {
     }
   },
 
-  async logout ({ commit }) {
+  async logout({ commit }) {
     await axios.post('/api/logout')
     commit('SET_USER', null)
   }

diff --git a/examples/axios/pages/index.vue b/examples/axios/pages/index.vue
@@ -9,7 +9,7 @@
 
 export default {
 
-  async asyncData ({ app }) {
+  async asyncData({ app }) {
     const { data: { message: dog } } = await app.$axios.get('/dog')
     return { dog }
   }

diff --git a/examples/cached-components/pages/index.vue b/examples/cached-components/pages/index.vue
@@ -9,11 +9,11 @@
 <script>
 export default {
   name: 'date',
-  serverCacheKey () {
+  serverCacheKey() {
     // Will change every 10 secondes
     return Math.floor(Date.now() / 10000)
   },
-  data () {
+  data() {
     return { date: Date.now() }
   }
 }

diff --git a/examples/custom-build/nuxt.config.js b/examples/custom-build/nuxt.config.js
@@ -7,7 +7,7 @@ module.exports = {
       app: 'app.[chunkhash].js' // default: nuxt.bundle.[chunkhash].js
     },
     vendor: ['lodash'],
-    extend (config, { isDev }) {
+    extend(config, { isDev }) {
       if (isDev) {
         config.devtool = 'eval-source-map'
       }

diff --git a/examples/custom-layouts/pages/about.vue b/examples/custom-layouts/pages/about.vue
@@ -8,7 +8,7 @@
 <script>
 export default {
   layout: 'dark',
-  asyncData ({ req }) {
+  asyncData({ req }) {
     return {
       name: req ? 'server' : 'client'
     }

diff --git a/examples/custom-loading/components/loading.vue b/examples/custom-loading/components/loading.vue
@@ -10,10 +10,10 @@ export default {
     loading: false
   }),
   methods: {
-    start () {
+    start() {
       this.loading = true
     },
-    finish () {
+    finish() {
       this.loading = false
     }
   }

diff --git a/examples/custom-loading/pages/about.vue b/examples/custom-loading/pages/about.vue
@@ -7,7 +7,7 @@
 
 <script>
 export default {
-  asyncData () {
+  asyncData() {
     return new Promise((resolve) => {
       setTimeout(function () {
         resolve({})

diff --git a/examples/custom-loading/pages/index.vue b/examples/custom-loading/pages/index.vue
@@ -7,7 +7,7 @@
 
 <script>
 export default {
-  asyncData () {
+  asyncData() {
     return new Promise((resolve) => {
       setTimeout(function () {
         resolve({ name: 'world' })

diff --git a/examples/custom-routes/pages/index.vue b/examples/custom-routes/pages/index.vue
@@ -13,7 +13,7 @@
 import axios from 'axios'
 
 export default {
-  async asyncData () {
+  async asyncData() {
     const { data } = await axios.get('https://jsonplaceholder.typicode.com/users')
     return { users: data }
   }

diff --git a/examples/custom-routes/pages/users/_id.vue b/examples/custom-routes/pages/users/_id.vue
@@ -11,10 +11,10 @@
 import axios from 'axios'
 
 export default {
-  validate ({ params }) {
+  validate({ params }) {
     return !isNaN(+params.id)
   },
-  async asyncData ({ params, error }) {
+  async asyncData({ params, error }) {
     try {
       const { data } = await axios.get(`https://jsonplaceholder.typicode.com/users/${+params.id}`)
       return data

diff --git a/examples/custom-server/package.json b/examples/custom-server/package.json
@@ -1,7 +1,6 @@
 {
   "name": "nuxt-custom-server",
   "dependencies": {
-    "chalk": "^2.2.0",
     "express": "^4.15.3",
     "nuxt": "latest"
   },

diff --git a/examples/custom-server/server.js b/examples/custom-server/server.js
@@ -1,6 +1,5 @@
 const app = require('express')()
 const { Nuxt, Builder } = require('nuxt')
-const chalk = require('chalk')
 
 const host = process.env.HOST || '127.0.0.1'
 const port = process.env.PORT || 3000
@@ -22,4 +21,3 @@ app.use(nuxt.render)
 
 // Start express server
 app.listen(port, host)
-console.log('\n' + chalk.bgGreen.black(' OPEN ') + chalk.green(` http://${host}:${port}`))
diff --git a/examples/dynamic-components/components/chart.js b/examples/dynamic-components/components/chart.js
@@ -5,7 +5,7 @@ export default async () => {
 
   return VueChart.Bar.extend({
     props: ['data'],
-    mounted () {
+    mounted() {
       this.renderChart(this.data)
     }
   })

diff --git a/examples/dynamic-components/components/image.vue b/examples/dynamic-components/components/image.vue
@@ -13,12 +13,12 @@ export default {
   data: () => ({
     loaded: false
   }),
-  beforeMount () {
+  beforeMount() {
     // Preload image
     const img = new Image()
     img.onload = () => {
       this.loaded = true
-    };
+    }
     img.src = this.data
   }
 }

diff --git a/examples/dynamic-components/js/messages.js b/examples/dynamic-components/js/messages.js
@@ -18,7 +18,7 @@ export const messages = [
   { component: 'vText', data: 'End of demo 🎉' }
 ]
 
-async function streamMessages (fn, i = 0) {
+async function streamMessages(fn, i = 0) {
   if (i >= messages.length) return
   await fn(messages[i])
   setTimeout(() => streamMessages(fn, i + 1), 1500)

diff --git a/examples/dynamic-components/nuxt.config.js b/examples/dynamic-components/nuxt.config.js
@@ -6,4 +6,4 @@ module.exports = {
       { name: 'viewport', content: 'width=device-width, initial-scale=1' }
     ]
   }
-}
+}
diff --git a/examples/dynamic-components/pages/index.vue b/examples/dynamic-components/pages/index.vue
@@ -23,7 +23,7 @@ export default {
   data: () => ({
     messages: []
   }),
-  mounted () {
+  mounted() {
     // Listen for incoming messages
     streamMessages(async (message) => {
       // Wait for the component to load before displaying it

diff --git a/examples/dynamic-layouts/pages/about.vue b/examples/dynamic-layouts/pages/about.vue
@@ -8,7 +8,7 @@
 <script>
 export default {
   layout: ({ isMobile }) => isMobile ? 'mobile' : 'default',
-  asyncData ({ req }) {
+  asyncData({ req }) {
     return {
       name: req ? 'server' : 'client'
     }

diff --git a/examples/dynamic-layouts/pages/index.vue b/examples/dynamic-layouts/pages/index.vue
@@ -7,6 +7,6 @@
 
 <script>
 export default {
-  layout: ({ isMobile }) => isMobile ? 'mobile' : 'default',
+  layout: ({ isMobile }) => isMobile ? 'mobile' : 'default'
 }
 </script>
diff --git a/examples/hello-world-jsx/pages/about.vue b/examples/hello-world-jsx/pages/about.vue
@@ -1,11 +1,11 @@
 <script>
 export default {
-  asyncData ({ req }) {
+  asyncData({ req }) {
     return {
       name: req ? 'server' : 'client'
     }
   },
-  render (h) {
+  render(h) {
     return <div>
       <p>Hi from {this.name}</p>
       <nuxt-link to="/">Home page</nuxt-link>

diff --git a/examples/hello-world-jsx/pages/index.js b/examples/hello-world-jsx/pages/index.js
@@ -1,5 +1,5 @@
 export default {
-  render (h) {
+  render(h) {
     return <div>
       <h1>Welcome !</h1>
       <nuxt-link to="/about">About page</nuxt-link>

diff --git a/examples/hello-world/pages/about.vue b/examples/hello-world/pages/about.vue
@@ -7,7 +7,7 @@
 
 <script>
 export default {
-  asyncData () {
+  asyncData() {
     return {
       name: process.static ? 'static' : (process.server ? 'server' : 'client')
     }

diff --git a/examples/i18n/layouts/default.vue b/examples/i18n/layouts/default.vue
@@ -26,7 +26,7 @@
 <script>
 export default {
   methods: {
-    path (url) {
+    path(url) {
       return (this.$i18n.locale === 'en' ? url : '/' + this.$i18n.locale + url)
     }
   }

diff --git a/examples/i18n/nuxt.config.js b/examples/i18n/nuxt.config.js
@@ -6,7 +6,7 @@ module.exports = {
   router: {
     middleware: 'i18n'
   },
-  plugins: ['~/plugins/i18n.js',],
+  plugins: ['~/plugins/i18n.js'],
   generate: {
     routes: ['/', '/about', '/fr', '/fr/about']
   }

diff --git a/examples/i18n/pages/_lang/about.vue b/examples/i18n/pages/_lang/about.vue
@@ -9,7 +9,7 @@
 
 <script>
 export default {
-  head () {
+  head() {
     return { title: this.$t('about.title') }
   }
 }

diff --git a/examples/i18n/pages/_lang/index.vue b/examples/i18n/pages/_lang/index.vue
@@ -9,7 +9,7 @@
 
 <script>
 export default {
-  head () {
+  head() {
     return { title: this.$t('home.title') }
   }
 }

diff --git a/examples/i18n/store/index.js b/examples/i18n/store/index.js
@@ -4,7 +4,7 @@ export const state = () => ({
 })
 
 export const mutations = {
-  SET_LANG (state, locale) {
+  SET_LANG(state, locale) {
     if (state.locales.indexOf(locale) !== -1) {
       state.locale = locale
     }

diff --git a/examples/layout-transitions/pages/users.vue b/examples/layout-transitions/pages/users.vue
@@ -19,11 +19,11 @@
 import axios from 'axios'
 
 export default {
-  transition (to, from) {
+  transition(to, from) {
     if (!from) return 'slide-left'
     return +to.query.page < +from.query.page ? 'slide-right' : 'slide-left'
   },
-  async asyncData ({ query }) {
+  async asyncData({ query }) {
     const page = query.page || 1
     const { data } = await axios.get(`https://reqres.in/api/users?page=${page}`)
     return {

diff --git a/examples/markdownit/pages/index.vue b/examples/markdownit/pages/index.vue
@@ -12,7 +12,7 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       model: 'I am index'
     }