프레임워크 통합 | PleaseAI Code Style

React, Vue, Nextjs, Svelte, Astro, Solid, UnoCSS, Angular를 위한 선택적 프레임워크 설정.

@pleaseai/eslint-config는 @antfu/eslint-config의 모든 선택적 프레임워크 설정 매트릭스를 상속받습니다. 각각 opt-in 방식으로 — 해당 플래그를 pleaseai()에 전달하고 통합에 필요한 peer dependency를 설치하세요.

React

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  react: true,
})

bun add -D @eslint-react/eslint-plugin eslint-plugin-react-hooks eslint-plugin-react-refresh

pnpm add -D @eslint-react/eslint-plugin eslint-plugin-react-hooks eslint-plugin-react-refresh

npm install -D @eslint-react/eslint-plugin eslint-plugin-react-hooks eslint-plugin-react-refresh

Nextjs

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  nextjs: true,
})

Vue

Vue 지원은 package.json에서 자동 감지됩니다. 거의 명시적으로 활성화할 필요가 없지만, 원한다면 다음과 같이 할 수 있습니다:

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  vue: true,
})

Nuxt 프로젝트는 Nuxt 통합 전용 가이드를 참고하세요 — 이 설정을 @nuxt/eslint과 짝지어 Nuxt 모듈이 auto-import 인지 기능까지 함께 제공합니다.

Svelte

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  svelte: true,
})

Astro

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  astro: true,
})

Solid

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  solid: true,
})

UnoCSS

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  unocss: true,
})

Angular

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  angular: true,
})

bun add -D @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template @angular-eslint/template-parser

pnpm add -D @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template @angular-eslint/template-parser

npm install -D @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template @angular-eslint/template-parser

통합별 규칙 오버라이드

모든 프레임워크 통합은 overrides 객체를 받기 때문에, 전체 프리셋을 교체하지 않고도 규칙을 조정할 수 있습니다:

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  vue: {
    overrides: {
      'vue/operator-linebreak': ['error', 'before'],
    },
  },
  typescript: {
    overrides: {
      'ts/consistent-type-definitions': ['error', 'interface'],
    },
  },
})

이 방식이 선호되는 확장 지점입니다 — overrides로 충분하지 않을 때만 Config Composer를 사용하세요.