@somosyampi/eslint-config

@somosyampi/eslint-config

How to use

Install the package on your project

yarn add -D eslint \
  eslint-plugin-import \
  eslint-plugin-jest \
  eslint-config-airbnb-base \
  @somosyampi/eslint-config

Add the config on your .eslintrc.json file:

JavaScript

"extends": "@somosyampi/eslint-config"

Vue.js 2 + JavaScript¹

"extends": "@somosyampi/eslint-config/vue"

Vue.js 3 + JavaScript¹

"extends": "@somosyampi/eslint-config/vue3"

Vue.js 3 + TypeScript¹

"extends": "@somosyampi/eslint-config/vue3-ts"

¹ You need to install the package eslint-plugin-vue to use any of the Vue configurations (yarn add -D eslint-plugin-vue)

How to auto-format on save?

VS Code

Install VS Code ESLint extension

Add the following settings to your .vscode/settings.json:

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
      "source.fixAll.eslint": "explicit"
  },
  "eslint.format.enable": true,
  "[vue]": {
      "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
}