Qimpl Eslint/Prettier config

Qimpl shared eslint configuration

Usage

npx install-peerdeps --dev @qimpl/eslint-config

React

There is the .eslintrc.js config for React/React Native projects:

module.exports = {
  extends: '@qimpl/eslint-config/react',
};

With TypeScript:

Don't forget to add the parserOptions into your project Eslint config

module.exports = {
  extends: '@qimpl/eslint-config/react-typescript',
  parserOptions: {
    project: './tsconfig.json',
  },
};

Svelte

There is the .eslintrc.js config for Svelte projects:

module.exports = {
  extends: '@qimpl/eslint-config/svelte',
};

VS Code config

Once you have done. You probably want your editor to lint and fix for you.

1. Install the ESLint package
2. Now we need to setup some VS Code settings via Code/File → Preferences → Settings. Click to the {} icon in the top right corner and add this :

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}