JustGiving Prettier/Eslint Plugin

This Prettier plugin extends the Airbnb JavaScript Style Guide and configures Prettier with recommended settings.

Features and Plugins

• React Hooks
• simple-import-sort

Usage

Setup

Install this plugin as a development dependency in your project:

npm install jg-prettier-plugin yarn add jg-prettier-plugin

In package.json, add to the eslintConfig field: "eslintConfig": { "extends": [ "jg-prettier-plugin" ] }

OR

Add to an existing .eslint file: { "extends": ["jg-prettier-plugin"] }

Commands

npx eslint . to identify errors. npx eslint . --fix to identify and fix errors.

Integration with VS Code

To set up your local linting to line up with these settings:

1. Install ESLint extension in VS code (if not previously installed)
2. Edit VS code settings by pressing cmd + shift + p (ctrl + shift + p on windows)
3. Search 'Preferences: Open Settings (JSON)'
4. Edit or add the following: // Format a file on save "editor.formatOnSave": true, // show eslint icon at bottom toolbar "eslint.alwaysShowStatus": true, // turns on Auto Fix for all providers including ESLint "editor.codeActionsOnSave": { "source.fixAll": true }