@imagem/eslint-config v1.1.0
Lint configuration Imagem
Lint configuration files voor projecten binnen Imagem. Bevat bestanden voor:
- Eslint (Vue & Nuxt projecten)
- Stylelint
- Prettier
- VS Code settings.json
Alle code wordt geformat aan de hand van de prettier en eslint richtlijnen. Meer info op Prettier vs. Linters
Requirements
Package | Version |
---|---|
NodeJs | 12.14.0 |
Install
Use the package using the following line.
$ npm i -D eslint babel-eslint @imagem/eslint-config
Vue or Nuxt configuration
When you want to use the Vue or Nuxt settings, you need the right dependencies. These are marked as peerDependencies.
Using Vue
$ npm i -D eslint-plugin-vue
Using Nuxt
$ npm i -D eslint-plugin-nuxt
Stylelint
If you want to use stylelint in the project, you need the configurations from prettier. These are marked as peerDependencies.
$ npm i -D stylelint stylelint-prettier stylelint-config-prettier
Configuration
Om deze lint instellingen in een project te gebruiken zijn de volgende instellingen nodig:
eslint.config.js
{
extends: ["@imagem/eslint-config"],
}
stylelint.config.js
module.exports = require("@imagem/eslint-config/stylelint");
prettier.config.js
module.exports = require("@imagem/eslint-config/prettier");
Uitbreidingen
Om de eslint instellingen voor Vue of Nuxt projecten toe te passen kan de volgende configuratie worden toegepast
eslint.config.js in Vue projecten
{
extends: ["@imagem/eslint-config/vue"],
}
eslint.config.js in Nuxt projecten
{
extends: ["@imagem/eslint-config/nuxt"],
}
Visual Studio Code settings
Copy file from .vscode/settings.json
TODO's
- Typescript support
Enjoy! :)