eslint for vue

.eslintrc.json

@@ -5,6 +5,10 @@
         "es6": true
     },
     "extends": "eslint:recommended",
+    "plugins": [
+        "html"
+    ],
+    "parser": "babel-eslint",
     "parserOptions": {
         "sourceType": "module"
     },

package.json

@@ -33,12 +33,14 @@
   "devDependencies": {
     "autoprefixer": "^7.1.6",
     "babel-core": "^6.26.0",
+    "babel-eslint": "^8.0.3",
     "babel-loader": "^7.1.2",
     "babel-preset-env": "^1.6.1",
     "clean-webpack-plugin": "^0.1.17",
     "css-loader": "^0.28.7",
     "eslint": "^4.11.0",
     "eslint-loader": "^1.9.0",
+    "eslint-plugin-html": "^4.0.1",
     "extract-text-webpack-plugin": "^3.0.2",
     "file-loader": "^1.1.6",
     "html-webpack-plugin": "^2.30.1",

src/hello.vue

@@ -22,12 +22,12 @@
 </template>
 
 <script>
-    import test from "./test.vue";
+    import test from './test.vue';
 
     module.exports = {
         data: function () {
             return {
-                vue_hello: "hello"
+                vue_hello: 'hello'
             };
         },
         components: {

src/test.vue

@@ -6,10 +6,10 @@
 module.exports = {
     data: function() {
         return {
-            vue_name: "component"
-        }
+            vue_name: 'component'
+        };
     }
-}
+};
 </script>
 
 <style scoped lang="scss">