@movable/eslint-plugin-ui

ESLint rules for enforcing best practices when using @movable/ui components.

Installation

``bash
npm install @movable/eslint-plugin-ui --save-dev
`

Usage

$3

`js
// eslint.config.js
import movableUI from '@movable/eslint-plugin-ui';

export default [
{
plugins: {
'@movable/ui': movableUI,
},
rules: {
...movableUI.configs.recommended.rules,
},
},
];
`

$3

`json
{
"plugins": ["@movable/ui"],
"extends": ["plugin:@movable/ui/recommended"]
}
`

Rules

$3

Disallows importing the deprecated Grid component from MUI. Use Grid2 instead.

Bad:

`tsx
import { Grid } from '@mui/material';
import Grid from '@mui/material/Grid';
`

Good:

`tsx
import { Grid2 } from '@mui/material';
import Grid2 from '@mui/material/Grid2';
`

Recommended Config

The recommended config enables all rules with their suggested severity:

| Rule | Severity |
|------|----------|
| @movable/ui/no-deprecated-grid | error |

Future Rules

Planned rules for future releases:

- prefer-ink-components - Suggest using Ink-wrapped components over raw MUI components
- Auto-detection of new Ink components via naming convention (Ink{ComponentName}`)

See GitHub Issue #447 for the full roadmap.