Add eslint

Author: doabit

.eslintignore

@@ -0,0 +1 @@
+build/*.js

.eslintrc.js

@@ -0,0 +1,22 @@
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module'
+  },
+  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+  extends: 'standard',
+  // required to lint *.vue files
+  plugins: [
+    'html'
+  ],
+  // add your custom rules here
+  'rules': {
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+  }
+}

build/webpack.base.config.js

@@ -1,5 +1,5 @@
 const path = require('path')
-
+const projectRoot = path.resolve(__dirname, '../')
 module.exports = {
   devtool: '#source-map',
   entry: {
@@ -15,6 +15,20 @@ module.exports = {
     root: path.join(__dirname, '../node_modules'),
   },
   module: {
+    preLoaders: [
+      {
+        test: /\.vue$/,
+        loader: 'eslint',
+        include: projectRoot,
+        exclude: /node_modules/
+      },
+      {
+        test: /\.js$/,
+        loader: 'eslint',
+        include: projectRoot,
+        exclude: /node_modules/
+      }
+    ],
     loaders: [
       {
         test: /\.vue$/,
@@ -32,6 +46,9 @@ module.exports = {
           name: '[name].[ext]?[hash]'
         }
       }
-    ]
+    ],
+    eslint: {
+      formatter: require('eslint-friendly-formatter')
+    }
   }
 }

package.json

@@ -42,10 +42,18 @@
   },
   "devDependencies": {
     "babel-core": "^6.13.2",
+    "babel-eslint": "^6.1.2",
     "babel-loader": "^6.0.0",
     "babel-preset-es2015": "^6.13.2",
     "babel-preset-stage-2": "^6.13.0",
     "css-loader": "^0.23.1",
+    "eslint": "^3.2.2",
+    "eslint-config-standard": "^6.0.0-beta.2",
+    "eslint-friendly-formatter": "^2.0.6",
+    "eslint-loader": "^1.5.0",
+    "eslint-plugin-html": "^1.5.2",
+    "eslint-plugin-promise": "^2.0.1",
+    "eslint-plugin-standard": "^2.0.0",
     "extract-text-webpack-plugin": "^2.0.0-beta.3",
     "file-loader": "^0.8.4",
     "vue-loader": "^9.2.2",

src/client-entry.js

@@ -1,3 +1,3 @@
 import { app } from './app'
 
-app.$mount('#app')
+app.$mount('#app')

src/router/index.js

@@ -18,4 +18,4 @@ const router = new VueRouter({
   ]
 })
 
-export default router
+export default router

src/vuex/actions.js

@@ -1,6 +1,6 @@
 import request from 'axios'
 
-request.defaults.baseURL = 'https://cnodejs.org/api/v1/';
+request.defaults.baseURL = 'https://cnodejs.org/api/v1/'
 
 export const getTopics = ({ commit, state }) => {
   return request.get('topics').then((response) => {

src/vuex/store.js

@@ -20,11 +20,11 @@ const mutations = {
     state.topics = topics
   },
 
-  INCREMENT:  (state) => {
+  INCREMENT: (state) => {
     state.count++
   },
 
-  DECREMENT:  (state) => {
+  DECREMENT: (state) => {
     state.count--
   }
 }