# Eslint9 插件

## 已有插件

- 转文档注释
- React v-if
- 三目运算强制三行
- JSX 括号空格检测


## 安装

```bash
pnpm i @jl-org/eslint-plugins -D
# 推荐使用 antfu 的 eslint
pnpm i @antfu/eslint-config -D
```

`eslint.config.mjs`
```js
import antfu from '@antfu/eslint-config'
import {
  docComment,
  forceTernary,
  reactVIf,
  spacedJsxBraces
} from '@jl-org/eslint-plugins'

export default antfu({
  /** ... */

  /** 自定义插件 */
  plugins: {
    spacedJsxBraces, /** 自定义插件：在 JSX 花括号中添加空格 */
    forceTernary, /** 自定义插件：三目运算分为三行 */
    docComment, /** 自定义插件：将注释转换为文档注释 */
    reactVIf, /** 自定义插件：v-if 转 JSX */
  },

  /** 自定义规则 */
  rules: {
    'spacedJsxBraces/spacedJsxBraces': 'warn', /** 在 JSX 花括号中未添加空格时发出警告 */
    'forceTernary/forceTernary': 'warn', /** 三目运算分为三行 */
    /** 将 中文 或者 NOTE: 开头的注释转换为文档注释 */
    'docComment/docComment': ['warn', { pattern: '^(?:[\\u4E00-\\u9FA5\\u3000-\\u303F\\uFF00-\\uFFEF]|NOTE:)' }],
    'reactVIf/reactVIf': 'error', /** v-if 转 JSX */
  },
})
```