# @builder.io/eslint-plugin-mitosis

> A Mitosis plugin containing rules that help you write valid and idiomatic Mitosis code

Latest version **0.0.17** (published 2025-03-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install @builder.io/eslint-plugin-mitosis
pnpm add @builder.io/eslint-plugin-mitosis
yarn add @builder.io/eslint-plugin-mitosis
bun add @builder.io/eslint-plugin-mitosis
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.17 |
| Published | 2025-03-03 |
| First published | 2022-04-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 123.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | steve8708, samijaber, teleaziz123, mrkoreye, strd6, mhevery, adamdbradley, gustavohgs, manucorporat, shyam-builder, sanyamkamat, harmeet.builder, midhunadarvin, kylefowler, builderio-bot, armela, anaghavarhade, sidmohanty11, yash-wadhia-builder, paprikaf |
| Keywords | builder, builder.io, eslint, eslintplugin, jsx, mitosis |

## Links

- npm: https://www.npmjs.com/package/@builder.io/eslint-plugin-mitosis
- Repository: https://github.com/BuilderIO/mitosis
- Homepage: https://github.com/BuilderIO/mitosis#readme
- Issues: https://github.com/BuilderIO/mitosis/issues
- npm.io page: https://npm.io/package/@builder.io/eslint-plugin-mitosis

## Dependencies (2)

- [ts-pattern](https://npm.io/package/ts-pattern.md) ^3.3.5
- [@babel/types](https://npm.io/package/@babel/types.md) 7.12.6

## Alternatives

- [eslint-plugin-sonarjs](https://npm.io/package/eslint-plugin-sonarjs.md) — 2.9M weekly downloads
- [eslint-config-expo](https://npm.io/package/eslint-config-expo.md) — 1.5M weekly downloads
- [@matter/protocol](https://npm.io/package/@matter/protocol.md) — 63.5K weekly downloads
- [@eventcatalog/linter](https://npm.io/package/@eventcatalog/linter.md) — 24.8K weekly downloads
- [@pandacss/eslint-plugin](https://npm.io/package/@pandacss/eslint-plugin.md) — 18.7K weekly downloads

## Recent versions

- 0.0.17 (latest) — 2025-03-03
- 0.0.11-5 (dev) — 2022-10-10
- 0.0.16 — 2024-05-14
- 0.0.15 — 2023-10-17
- 0.0.14 — 2023-01-13
- 0.0.13 — 2023-01-13
- 0.0.12 — 2022-12-08
- 0.0.11 — 2022-10-26
- 0.0.11-4 — 2022-10-10
- 0.0.11-3 — 2022-10-10
- 0.0.11-2 — 2022-10-10
- 0.0.11-1 — 2022-10-10
- 0.0.11-0 — 2022-10-07
- 0.0.10 — 2022-09-27
- 0.0.9 — 2022-09-23
- … 11 more at https://npm.io/package/@builder.io/eslint-plugin-mitosis/versions

## README

# Mitosis ESLint plugin

A Mitosis plugin containing rules that help you write valid and idiomatic Mitosis code

## Setup

First, make sure you have [ESLint setup correctly](https://eslint.org/docs/user-guide/getting-started#installation-and-usage). Then, install this plugin by running:

```bash
yarn add -D @builder.io/eslint-plugin-mitosis
```

Finally, add the plugin to the `plugins` array, and the rules you want to the `rules` array:

```js
module.exports = {
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
  },
  plugins: ['@builder.io/mitosis'],
  extends: [
    // Use this approach for our recommended rules configuration
    'plugin:@builder.io/mitosis/recommended',
  ],
  rules: {
    // Use this to configure rules individually
    '@builder.io/mitosis/css-no-vars': 'error',
  },
};
```

## Rules

- [css-no-vars](./docs/rules/css-no-vars.md)
- [jsx-callback-arg-name](./docs/rules/jsx-callback-arg-name.md)
- [jsx-callback-arrow-function](./docs/rules/jsx-callback-arrow-function.md)
- [no-assign-props-to-state](./docs/rules/no-assign-props-to-state.md)
- [no-async-methods-on-state](./docs/rules/no-async-methods-on-state.md)
- [no-conditional-logic-in-component-render](./docs/rules/no-conditional-logic-in-component-render.md)
- [no-state-destructuring](./docs/rules/no-state-destructuring.md)
- [no-var-declaration-in-jsx](./docs/rules/no-var-declaration-in-jsx.md)
- [no-var-declaration-or-assignment-in-component](./docs/rules/no-var-declaration-or-assignment-in-component.md)
- [no-var-name-same-as-state-property](./docs/rules/no-var-name-same-as-state-property.md)
- [only-default-function-and-imports](./docs/rules/only-default-function-and-imports.md)
- [ref-no-current](./docs/rules/ref-no-current.md)
- [use-state-var-declarator](./docs/rules/use-state-var-declarator.md)

---
_Source: https://npm.io/package/@builder.io/eslint-plugin-mitosis · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._