@ifshizuku/eslint-config

@ifshizuku/eslint-config

Thanks to so1ve for helping this project's construction

Forked from @antfu/eslint-config

Style

• Double quotes, no semi
• 2 spaces for indent
• Auto-fix formatter without Prettier
• TypeScript, React, Vue, Solid, Svelte out-of-box
• Sorted imports, sorted Tailwindcss, dangling commas
• Lint also for JSON, YAML, TOML, Markdown, UnoCSS
• Stable for diff

TypeScript formatter made use of eslint-plugin-typescript-formatter

Usage

Check out Split packages if you only need one framework or zero

pnpm add @ifshizuku/eslint-config -D

Then add to .eslintrc:

{
  "extends": "@ifshizuku"
}

VS Code Auto-fix

{
  "prettier.enable": false,
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.organizeImports": false
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue",
    "html",
    "markdown",
    "json",
    "jsonc",
    "yaml",
    "svelte"
  ]
}

Split packages

For Vanilla:

pnpm add @ifshizuku/eslint-config-vanilla -D

Then add to .eslintrc:

{
  "extends": "@ifshizuku/vanilla"
}

For React:

pnpm add @ifshizuku/eslint-config-react -D

Then add to .eslintrc:

{
  "extends": "@ifshizuku/react"
}

For Vue:

pnpm add @ifshizuku/eslint-config-vue -D

Then add to .eslintrc:

{
  "extends": "@ifshizuku/vue"
}

For Solid:

pnpm add @ifshizuku/eslint-config-solid -D

Then add to .eslintrc:

{
  "extends": "@ifshizuku/solid"
}

For Svelte:

pnpm add @ifshizuku/eslint-config-svelte -D

Then add to .eslintrc:

{
  "extends": "@ifshizuku/svelte"
}