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.