@movable/eslint-plugin-ui

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

Installation

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

Usage

Flat Config (ESLint 9+)

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

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

Legacy Config (.eslintrc)

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

Rules

no-deprecated-grid

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

Bad:

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

Good:

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.