eslint-config-sync-biome

Installation

1pnpm add eslint-config-sync-biome eslint-config-prettier --D

Usage

Flat config

This plugin is optimized for flat config usage (eslint >= 9.0). See here for more details. Use it like this:

1// eslint.config.js
2import biome from "eslint-config-sync-biome";
3export default [
4  ...// other plugins
5  biome.configs["flat/recommended"], // biome should be the last one
6];

Legacy config

If you are using legacy configuration (eslint < 9.0), you can use the following config:

1// .eslintrc.js
2module.exports = {
3  ... // other config
4  extends: [
5    ... // other presets
6    "plugin:biome/recommended",
7  ],
8}

Shared rules

• flat/recommended/ recommended - Turn off all lint rules and format rules already supported by biome.(format rules originate from eslint-config-prettier).
• flat/only-lint/ only-lint - Turn off lint rules only

Run it before eslint

And then you can add the following script to your package.json:

1{
2  "scripts": {
3    "lint": "npx biome lint . && npx eslint"
4  }
5}

VSCode Support

You need to install both the biome and eslint extensions

In VSCode, to apply Biome and ESLint on save, you should have these in your project's .vscode/settings.json:

1{
2  "editor.codeActionsOnSave": {
3    "source.fixAll.eslint": "explicit",
4    "source.organizeImports.biome": "explicit",
5    "quickfix.biome": "explicit"
6  },
7  "editor.defaultFormatter": "biomejs.biome"
8}

License

MIT