eslint-config-hyoban

eslint-config-hyoban

Hyoban's ESLint Config, enable most of the recommended rules from the following plugins:

Basic	Style	React	Others
js ✅	stylistic ✅	react ✅	Tailwind CSS
ts ✅	antfu ✅	hooks ✅	UnoCSS
unicorn ✅	import-sort ✅	refresh	flat-gitignore ✅
i ✅	jsonc ✅	jsx-nesting	config-viewer ✅
unused-import ✅	yml	jsx-a11y	@antfu/eslint-config
n	perfectionist	next ✅	eslint-types
compat	format ✅		package-json ✅

To view what rules are enabled:

npx eslint-flat-config-viewer

# my fork (temporary)
npx efcv

Usage

ni -D eslint eslint-config-hyoban

eslint.config.js

import hyoban from "eslint-config-hyoban";

export default hyoban();

for cjs

const hyoban = require("eslint-config-hyoban").default;

module.exports = hyoban();

.vscode/settings.json

{
  "prettier.enable": false,
  "editor.formatOnSave": false,
  "eslint.experimental.useFlatConfig": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "mdx",
    "html",
    "markdown",
    "json",
    "jsonc",
    "yaml",
    "github-actions-workflow",
    "css"
  ],
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "eslint.rules.customizations": [
    { "rule": "@stylistic/*", "severity": "off" },
    { "rule": "simple-import-sort/*", "severity": "off" },
    { "rule": "import/first", "severity": "off" },
    { "rule": "import/newline-after-import", "severity": "off" },
    { "rule": "import/no-duplicates", "severity": "off" },
    { "rule": "antfu/import-dedupe", "severity": "off" },
    { "rule": "format/prettier", "severity": "off" }
  ]
}

License

MIT License © 2023-PRESENT Stephen Zhou