eslint-plugin-widen

Widen's own ESLint plugin containing custom lint rules for our code.

Installation

yarn add --dev eslint-plugin-widen

Usage

Add the following to your eslint.config.mjs file.

import widen from 'eslint-plugin-widen'

export default [
  {
    plugins: {
      widen,
    },
    rules: {
      'widen/jsx-fragments': 'error',
      'widen/jsx-import': 'error',
    },
  },
]

List of Supported Rules

✔: Enabled in the recommended configuration.
🔧: Fixable with eslint --fix.

| ✔ | 🔧 | Rule | Description | | :-: | :-: | -------------------------------------------- | ------------------------------------------------------------------------------------------- | | | 🔧 | widen/jsx-fragments | Enforce usage of JSX fragment longhand to allow for compatibility with Emotion. | | | 🔧 | widen/jsx-import | Enforces all files to use the jsx pragma from @emotion/react when using the css prop. |