Add husky and lint-stage

Author: zakariaf

.eslintrc.js

@@ -3,18 +3,11 @@ module.exports = {
     browser: true,
     es2021: true,
   },
-  extends: [
-    'plugin:vue/essential',
-    'airbnb-base',
-    'prettier',
-  ],
+  extends: ['plugin:vue/essential', 'airbnb-base', 'prettier'],
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module',
   },
-  plugins: [
-    'vue',
-  ],
-  rules: {
-  },
+  plugins: ['vue'],
+  rules: {},
 };

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+[ -n "$CI" ] && exit 0
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint-staged

package.json

@@ -1,16 +1,26 @@
 {
   "scripts": {
     "lint": "eslint 'app/javascript/**/*.{js,vue}' --fix",
-    "format": "prettier ./**/*.{js,css,scss,md,vue,json} --write"
+    "format": "prettier ./**/*.{js,css,scss,md,vue,json} --write",
+    "prepare": "husky install",
+    "lint-staged": "lint-staged"
   },
   "devDependencies": {
     "eslint": "^8.12.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-vue": "^8.5.0",
+    "husky": "^7.0.4",
+    "lint-staged": "^12.3.7",
     "prettier": "^2.6.2",
     "vite": "^2.8.6",
     "vite-plugin-ruby": "^3.0.8"
+  },
+  "lint-staged": {
+    "*.{js,vue}": [
+      "eslint --fix"
+    ],
+    "*.{js,css,scss,md,vue,json}": "prettier --write"
   }
 }