@component-hook/eslint-plugin v0.1.6

@component-hook/eslint-plugin

A opinionated ESLint config preset for JavaScript, TypeScript, Vue, and Prettier.

Features

• Support TypeScript, Vue and React out-of-box.
• Built-in Markdown, Prettier, Sonarjs, Security, Playwright and Testing-library configs can be referenced for respective needs.
• Format with Prettier.
• Ignores common files like dist, node_modules, coverage, and files in .gitignore.
• Reasonable defaults, best practices, and just a few lines of configuration.

Installation

$ npm install @component-hook/eslint-plugin --save-dev

# or use yarn
$ yarn add @component-hook/eslint-plugin --dev

# or use pnpm
$ pnpm install @component-hook/eslint-plugin --save-dev

Require ESLint >= 9.0.0

Basic Usage

import componentHookPlugin from '@component-hook/eslint-plugin';

export default [
  ...componentHookPlugin.configs.basic,
  ...componentHookPlugin.configs.vue,
  ...componentHookPlugin.configs.markdown,
  componentHookPlugin.configs.prettier,
  ...componentHookPlugin.configs.sonarjs,
  componentHookPlugin.configs.security,
  {
    files: ['**/__tests__/unit/**/*.test.[jt]s?(x)'],
    ...componentHookPlugin.configs['testing-library/vue'],
  },
  {
    files: ['**/__tests__/e2e/**/*.spec.[jt]s?(x)'],
    ...componentHookPlugin.configs.playwright,
  },
  // ...your custom config
];

See basic and ignores for more details.

Presets Usage

import {
  reactPreset, // Includes basic, react, markdown, prettier, sonarjs, security configs
} from '@component-hook/eslint-plugin';

export default reactPreset;

import {
  vuePreset, // Includes basic, vue, markdown, prettier, sonarjs, security configs
} from '@component-hook/eslint-plugin';

export default vuePreset;

Configs

Reference eslint plugin

• eslint-recommended
• typescript-eslint
• eslint-plugin-eslint-comments
• eslint-plugin-import
• eslint-plugin-unicorn
• eslint-plugin-regexp/flat/recommended
• eslint-plugin-prettier/recommended
• eslint-config-prettier
• eslint-plugin-react/recommended
• eslint-plugin-react-hooks/recommended
• eslint-plugin-jsx-a11y/recommended
• eslint-plugin-vue
• eslint-plugin-markdown/recommended
• eslint-plugin-sonarjs/recommended
• eslint-plugin-security/recommended
• eslint-plugin-testing-library/dom
• eslint-plugin-testing-library/vue
• eslint-plugin-testing-library/react
• eslint-plugin-testing-library/angular
• eslint-plugin-testing-library/marko
• eslint-plugin-playwright/flat/recommended