eslint-stylistic-airbnb

eslint-stylistic-airbnb

Airbnb config for ESLint with style rules via @stylistic plugin

Installation

Install all required dependencies

npm install -D eslint @stylistic/eslint-plugin eslint-stylistic-airbnb

Add following to your eslint config:

// Flat config
// eslint.config.mjs
import stylistic from '@stylistic/eslint-plugin';
import airbnb from 'eslint-stylistic-airbnb';

export default [
  airbnb,
  {
    files: ['**/*.{js,mjs,cjs,ts}'],
    plugins: {
      '@stylistic': stylistic,
    },
  },
];

// Legacy config
// .eslintrc.js
module.exports = {
  plugins: ['@stylistic'],
  rules: {
    ...require('eslint-stylistic-airbnb').rules,
  },
  parserOptions: {
    ecmaVersion: 'latest',
  },
};

TypeScript

If you use typescript, install additional dependency:

npm install -D typescript-eslint

And add following to your eslint config:

// Flat config
// eslint.config.mjs
import tseslint from 'typescript-eslint';
import stylistic from '@stylistic/eslint-plugin';
import airbnb from 'eslint-stylistic-airbnb';

export default [
  airbnb,
  ...tseslint.configs.recommended,
  {
    files: ['**/*.{js,mjs,cjs,ts}'],
    plugins: {
      '@stylistic': stylistic,
    },
  },
];

// Legacy config
// .eslintrc.js
module.exports = {
  plugins: [
    '@typescript-eslint',
    '@stylistic',
  ],
  parser: '@typescript-eslint/parser',
  rules: {
    ...require('eslint-stylistic-airbnb').rules, 
  },
};

Notes

This config is created from the base airbnb config as is, with no changes to original rules

• rules that required newer eslint version are enabled
• node related rules are not implemented
• import rules are not implemented
• react rules are not implemented (except of some jsx style options)
• func-style rule is turned off, just like in original config (airbnb config contradicts with airbnb styleguide, this option set to be "backward-compatible")