eslint-config-hyoban

eslint-config-hyoban

Hyoban's ESLint Config

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

{
  "[javascript][javascriptreact][typescript][typescriptreact]": {
    "editor.formatOnSave": false
  },
  "eslint.experimental.useFlatConfig": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "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" }
  ]
}

Features

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 ✅
n	yml	jsx-a11y	@antfu/eslint-config
compat	perfectionist	next ✅	eslint-types

visual flat config

npx eslint-flat-config-viewer

# my fork (temporary)
npx efcv

License

MIT License © 2023-PRESENT Stephen Zhou