Install lint-staged

Author: afontcu

.lintstagedrc

@@ -8,8 +8,7 @@
     "lint:fix": "npm run lint -- --fix",
     "test": "jest --coverage",
     "coveralls": "cat ./coverage/lcov.info | ./node_modules/.bin/coveralls",
-    "prepublishOnly": "babel src --out-dir dist",
-    "precommit": "lint-staged"
+    "prepublishOnly": "babel src --out-dir dist"
   },
   "files": [
     "dist",
@@ -57,6 +56,7 @@
     "eslint-plugin-promise": "^4.1.1",
     "eslint-plugin-standard": "^4.0.0",
     "eslint-plugin-vue": "^5.2.2",
+    "husky": "^2.4.0",
     "jest": "^24.8.0",
     "jest-dom": "^3.4.0",
     "jest-in-case": "^1.0.2",
@@ -67,5 +67,16 @@
     "vue-jest": "^3.0.4",
     "vue-router": "^3.0.6",
     "vuex": "^3.1.1"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,vue}": [
+      "eslint --fix",
+      "git add"
+    ]
   }
 }

package-lock.json

@@ -16,6 +16,7 @@ export default {
   computed: {
     ...mapState(['count']),
   },
+
   methods: {
     ...mapActions(['decrement', 'increment']),
   },

package.json

@@ -16,9 +16,7 @@ function renderVuexTestComponent(customStore) {
   // Render the component and merge the original store and the custom one
   // provided as a parameter. This way, we can alter some behaviors of the
   // initial implementation.
-  return render(VuexTest, {
-    store: { ...store, ...customStore },
-  })
+  return render(VuexTest, { store: { ...store, ...customStore } })
 }
 
 test('can render with vuex with defaults', async () => {