Framework Integrations | PleaseAI Code Style

Enable optional framework configs for React, Vue, Next.js, Svelte, Astro, Solid, UnoCSS, and Angular.

@pleaseai/eslint-config inherits the full matrix of optional framework configs from @antfu/eslint-config. Each one is opt-in — pass the corresponding flag to pleaseai() and install any peer dependencies the integration needs.

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

Next.js

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  nextjs: true,
})

Vue

Vue support is auto-detected from your package.json. You rarely need to enable it explicitly, but you can:

eslint.config.tsts

import pleaseai from '@pleaseai/eslint-config'

export default pleaseai({
  vue: true,
})

For Nuxt projects, see the dedicated Nuxt Integration guide — it pairs this config with @nuxt/eslint so the Nuxt module provides auto-import awareness on top.

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

Per-Integration Rule Overrides

Every framework integration accepts an overrides object so you can tune rules without replacing the whole preset:

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'],
    },
  },
})

This is the preferred extension point — reach for the Config Composer only when overrides isn’t granular enough.