Merge pull request #2 from zakariaf/add-eslint

Adding Code quality and format packages

.eslintignore

@@ -0,0 +1,5 @@
+yarn.lock
+node_modules/
+public/vite
+public/vite-dev
+public/vite-test

.eslintrc.js

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

.gitignore

@@ -12,6 +12,9 @@
 /tmp/*
 !/log/.keep
 !/tmp/.keep
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
 # Ignore pidfiles, but keep the directory.
 /tmp/pids/*
@@ -48,3 +51,6 @@ node_modules
 # Vite uses dotenv and suggests to ignore local-only env files. See
 # https://vitejs.dev/guide/env-and-mode.html#env-files
 *.local
+
+# Ignore uncategorized files
+.DS_Store

.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

.prettierignore

@@ -0,0 +1,5 @@
+yarn.lock
+node_modules/
+public/vite
+public/vite-dev
+public/vite-test

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 100
+}

README.md

@@ -34,7 +34,13 @@ Order by the commit I did:
 
 ### Front-end
 
-- [Vite] Removing importmaps and all frontend libraries and Use Vite instead ([PR](https://github.com/zakariaf/rails7-base-app/pull/1))
+- [Vite](https://github.com/ElMassimo/vite_ruby) Removing importmaps and all frontend libraries and Use Vite instead ([PR](https://github.com/zakariaf/rails7-base-app/pull/1))
+- Code quality and format ([PR](https://github.com/zakariaf/rails7-base-app/pull/2))
+  - [ESlint](https://eslint.org/)
+  - [Eslint airbnb](https://github.com/airbnb/javascript)
+  - [Prettier](https://prettier.io/)
+  - [Husky](https://typicode.github.io/husky/#/)
+  - [lint-staged](https://github.com/okonet/lint-staged)
 
 ## Running this app
 

package.json

@@ -1,6 +1,26 @@
 {
+  "scripts": {
+    "lint": "eslint 'app/javascript/**/*.{js,vue}' --fix",
+    "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"
   }
 }