### Install @antfu/eslint-config via pnpm dlx

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Use this command to automatically set up your project or migrate from a legacy config. It's the recommended way to get started.

```bash
pnpm dlx @antfu/eslint-config@latest
```

--------------------------------

### ESLint formatting example

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/output/no-markdown-with-formatters/markdown.md

Example of code that should be handled by ESLint.

```js
// This should be handled by ESLint instead of Prettier
function identity(x) {
  if (foo) {
    console.log('bar');
  }
  }
```

--------------------------------

### Basic ESLint Configuration with antfu/eslint-config

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Import and use the default antfu ESLint preset for a project. This is the simplest way to get started with the configuration.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu()
```

--------------------------------

### Install React Dependencies

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install the necessary ESLint plugins for React if prompted or manually.

```bash
npm i -D @eslint-react/eslint-plugin eslint-plugin-react-refresh
```

--------------------------------

### Install Solid Dependencies

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install the necessary ESLint plugin for Solid if prompted or manually.

```bash
npm i -D eslint-plugin-solid
```

--------------------------------

### Manual Installation of ESLint and Config

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install ESLint and the @antfu/eslint-config package manually. This is an alternative to the CLI wizard.

```bash
pnpm i -D eslint @antfu/eslint-config
```

--------------------------------

### ESLint formatting example

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/output/tab-double-quotes/markdown.md

Example of code that should be managed by ESLint rather than Prettier.

```js
// This should be handled by ESLint instead of Prettier
function identity(x) {
	if (foo) {
		console.log("bar")
	}
}
```

--------------------------------

### Install Next.js Dependencies

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install the necessary ESLint plugin for Next.js if prompted or manually.

```bash
npm i -D @next/eslint-plugin-next
```

--------------------------------

### Basic ESLint Flat Config Setup

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Create an 'eslint.config.mjs' file in your project root and import the @antfu/eslint-config. This is the minimal setup for using the config.

```javascript
import antfu from '@antfu/eslint-config'

export default antfu()
```

--------------------------------

### Install Angular Dependencies

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install the necessary ESLint plugins for Angular if prompted or manually.

```bash
npm i -D @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template @angular-eslint/template-parser
```

--------------------------------

### Install Astro Dependencies

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install the necessary ESLint plugin for Astro if prompted or manually.

```bash
npm i -D eslint-plugin-astro
```

--------------------------------

### Install and Activate Lint Staged Hooks

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install `lint-staged` and `simple-git-hooks` as development dependencies and activate the Git hooks.

```bash
npm i -D lint-staged simple-git-hooks

// to active the hooks
npx simple-git-hooks
```

--------------------------------

### Install Svelte Dependencies

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install the necessary ESLint plugin for Svelte if prompted or manually.

```bash
npm i -D eslint-plugin-svelte
```

--------------------------------

### Install UnoCSS Dependencies

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Install the necessary ESLint plugin for UnoCSS if prompted or manually.

```bash
npm i -D @unocss/eslint-plugin
```

--------------------------------

### Install Formatter Dependencies

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Manually install the required dependency for external formatters if prompted by ESLint.

```bash
npm i -D eslint-plugin-format
```

--------------------------------

### Neovim Configuration for ESLint

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Configure Neovim's lspconfig to integrate ESLint, enabling auto-fixing on save and supporting a wide array of file types. This setup silences stylistic rules in the IDE while ensuring they are automatically fixed.

```lua
local customizations = {
  { rule = 'style/*', severity = 'off', fixable = true },
  { rule = 'format/*', severity = 'off', fixable = true },
  { rule = '*-indent', severity = 'off', fixable = true },
  { rule = '*-spacing', severity = 'off', fixable = true },
  { rule = '*-spaces', severity = 'off', fixable = true },
  { rule = '*-order', severity = 'off', fixable = true },
  { rule = '*-dangle', severity = 'off', fixable = true },
  { rule = '*-newline', severity = 'off', fixable = true },
  { rule = '*quotes', severity = 'off', fixable = true },
  { rule = '*semi', severity = 'off', fixable = true },
}

local lspconfig = require('lspconfig')
-- Enable eslint for all supported languages
lspconfig.eslint.setup(
  {
    filetypes = {
      "javascript",
      "javascriptreact",
      "javascript.jsx",
      "typescript",
      "typescriptreact",
      "typescript.tsx",
      "vue",
      "html",
      "markdown",
      "json",
      "jsonc",
      "yaml",
      "toml",
      "xml",
      "gql",
      "graphql",
      "astro",
      "svelte",
      "css",
      "less",
      "scss",
      "pcss",
      "postcss"
    },
    settings = {
      -- Silent the stylistic rules in your IDE, but still auto fix them
      rulesCustomizations = customizations,
    },
  }
)

```

--------------------------------

### Install Vue Accessibility Dependency

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Manually install the required dependency for Vue accessibility support if prompted by ESLint.

```bash
npm i -D eslint-plugin-vuejs-accessibility
```

--------------------------------

### Customized ESLint Configuration with antfu/eslint-config

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Configure specific aspects of the antfu ESLint preset, such as project type, ignores, and stylistic rules. This example shows how to set indentation, quotes, and brace style.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  // Type of the project. 'lib' for libraries, the default is 'app'
  type: 'lib',

  // `.eslintignore` is no longer supported in Flat config, use `ignores` instead
  // The `ignores` option in the option (first argument) is specifically treated to always be global ignores
  // And will **extend** the config's default ignores, not override them
  // You can also pass a function to modify the default ignores
  ignores: [
    '**/fixtures',
    // ...globs
  ],

  // Parse the `.gitignore` file to get the ignores, on by default
  gitignore: true,

  // Enable stylistic formatting rules
  // stylistic: true,

  // Or customize the stylistic rules
  stylistic: {
    indent: 2, // 4, or 'tab'
    quotes: 'single', // or 'double'
    braceStyle: 'stroustrup', // '1tbs', or 'allman'
  },

  // TypeScript and Vue are autodetected, you can also explicitly enable them:
  typescript: true,
  vue: true,

  // Disable jsonc and yaml support
  jsonc: false,
  yaml: false,
})
```

--------------------------------

### Define CSS class style

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/output/with-formatters/markdown.md

Example of a CSS rule intended for Prettier formatting.

```css
/* This should be handled by Prettier */
.foo {
  color: red;
}
```

--------------------------------

### Enable Vue Accessibility Support in ESLint

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Turn on Vue accessibility support by setting `a11y` to `true` within the `vue` options. Ensure `eslint-plugin-vuejs-accessibility` is installed.

```js
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  vue: {
    a11y: true
  },
})
```

--------------------------------

### VS Code Settings for ESLint Auto Fix

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Configure VS Code's settings.json to disable default formatters, enable auto-fix on save for ESLint, and silence stylistic rules while still allowing them to be fixed. This setup ensures ESLint handles code formatting and fixes automatically.

```jsonc
{
  // Disable the default formatter, use eslint instead
  "prettier.enable": false,
  "editor.formatOnSave": false,

  // Auto fix
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.organizeImports": "never"
  },

  // Silent the stylistic rules in your IDE, but still auto fix them
  "eslint.rules.customizations": [
    { "rule": "style/*", "severity": "off", "fixable": true },
    { "rule": "format/*", "severity": "off", "fixable": true },
    { "rule": "*-indent", "severity": "off", "fixable": true },
    { "rule": "*-spacing", "severity": "off", "fixable": true },
    { "rule": "*-spaces", "severity": "off", "fixable": true },
    { "rule": "*-order", "severity": "off", "fixable": true },
    { "rule": "*-dangle", "severity": "off", "fixable": true },
    { "rule": "*-newline", "severity": "off", "fixable": true },
    { "rule": "*quotes", "severity": "off", "fixable": true },
    { "rule": "*semi", "severity": "off", "fixable": true }
  ],

  // Enable eslint for all supported languages
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue",
    "html",
    "markdown",
    "json",
    "jsonc",
    "yaml",
    "toml",
    "xml",
    "gql",
    "graphql",
    "astro",
    "svelte",
    "css",
    "less",
    "scss",
    "pcss",
    "postcss"
  ]
}
```

--------------------------------

### Enable Solid Support

Source: https://github.com/antfu/eslint-config/blob/main/README.md

To enable Solid support, import Antfu and pass `{ solid: true }` to the configuration.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  solid: true,
})
```

--------------------------------

### Enable React Support

Source: https://github.com/antfu/eslint-config/blob/main/README.md

To enable React support, import Antfu and pass `{ react: true }` to the configuration.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  react: true,
})
```

--------------------------------

### Enable Astro Support

Source: https://github.com/antfu/eslint-config/blob/main/README.md

To enable Astro support, import Antfu and pass `{ astro: true }` to the configuration.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  astro: true,
})
```

--------------------------------

### Enable Angular Support

Source: https://github.com/antfu/eslint-config/blob/main/README.md

To enable Angular support, import Antfu and pass `{ angular: true }` to the configuration.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  angular: true,
})
```

--------------------------------

### Enable Next.js Support

Source: https://github.com/antfu/eslint-config/blob/main/README.md

To enable Next.js support, import Antfu and pass `{ nextjs: true }` to the configuration.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  nextjs: true,
})
```

--------------------------------

### Initialize Google Analytics

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/input/html.html

Standard tracking snippet for Google Analytics. Ensure this is placed before the closing body tag.

```javascript
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date; ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview')
```

--------------------------------

### Enable Svelte Support

Source: https://github.com/antfu/eslint-config/blob/main/README.md

To enable Svelte support, import Antfu and pass `{ svelte: true }` to the configuration.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  svelte: true,
})
```

--------------------------------

### Combine @antfu/eslint-config with Legacy ESLint Configs

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Integrate the new flat config with existing legacy ESLint configurations using '@eslint/eslintrc'. This allows for a gradual migration.

```javascript
import antfu from '@antfu/eslint-config'
import { FlatCompat } from '@eslint/eslintrc'

const compat = new FlatCompat()

export default antfu(
  {
    ignores: [],
  },

  // Legacy config
  ...compat.config({
    extends: [
      'eslint:recommended',
      // Other extends...
    ],
  })

  // Other flat configs...
)
```

--------------------------------

### Enable UnoCSS Support

Source: https://github.com/antfu/eslint-config/blob/main/README.md

To enable UnoCSS support, import Antfu and pass `{ unocss: true }` to the configuration.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  unocss: true,
})
```

--------------------------------

### Enable CSS, HTML, and Markdown Formatting

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Configure external formatters for CSS, HTML, and Markdown files. By default, Prettier is used for all. Markdown can also be formatted with dprint.

```js
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  formatters: {
    /**
     * Format CSS, LESS, SCSS files, also the `<style>` blocks in Vue
     * By default uses Prettier
     */
    css: true,
    /**
     * Format HTML files
     * By default uses Prettier
     */
    html: true,
    /**
     * Format Markdown files
     * Supports Prettier and dprint
     * By default uses Prettier
     */
    markdown: 'prettier'
  }
})
```

--------------------------------

### Configure Lint Staged for Pre-Commit Hooks

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Set up `package.json` to automatically lint and fix staged files before each commit using `lint-staged` and `simple-git-hooks`.

```json
{
  "simple-git-hooks": {
    "pre-commit": "pnpm lint-staged"
  },
  "lint-staged": {
    "*": "eslint --fix"
  }
}
```

--------------------------------

### Inspect Enabled ESLint Rules

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Run the `@eslint/config-inspector` tool from your project root to visualize enabled rules and their file applicability.

```bash
npx @eslint/config-inspector
```

--------------------------------

### Compose ESLint Configurations with FlatConfigComposer

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Chain methods like `prepend`, `override`, and `renamePlugins` on the `FlatConfigComposer` object returned by `antfu()` for flexible configuration composition.

```js
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu()
  .prepend(
    // some configs before the main config
  )
  // overrides any named configs
  .override(
    'antfu/stylistic/rules',
    {
      rules: {
        'style/generator-star-spacing': ['error', { after: true, before: false }],
      }
    }
  )
  // rename plugin prefixes
  .renamePlugins({
    'old-prefix': 'new-prefix',
    // ...
  })
// ...

```

--------------------------------

### Enable Vue Support in ESLint Configuration

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Explicitly enable Vue support by setting the `vue` option to `true` in the `antfu()` configuration.

```js
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  vue: true
})
```

--------------------------------

### Zed Settings for ESLint Auto Fix

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Configure Zed's settings.json to enable ESLint's --fix functionality for code formatting on save. This includes specifying language servers and customizing rules to silence stylistic issues while retaining auto-fix capabilities.

```jsonc
{
  // Use ESLint's --fix:
  "code_actions_on_format": {
    "source.fixAll.eslint": true
  },
  "formatter": [],
  // Enable eslint for all supported languages
  // Defaults only include https://github.com/search?q=repo%3Azed-industries%2Fzed%20eslint_languages&type=code
  "languages": {
    "HTML": {
      "language_servers": ["...", "eslint"]
    },
    "Markdown": {
      "language_servers": ["...", "eslint"]
    },
    "Markdown-Inline": {
      "language_servers": ["...", "eslint"]
    },
    "JSON": {
      "language_servers": ["...", "eslint"]
    },
    "JSONC": {
      "language_servers": ["...", "eslint"]
    },
    "YAML": {
      "language_servers": ["...", "eslint"]
    },
    "CSS": {
      "language_servers": ["...", "eslint"]
    }
    // Add other languages as needed
  },
  "lsp": {
    "eslint": {
      "settings": {
        "workingDirectories": ["./"],

        // Silent the stylistic rules in your IDE, but still auto fix them
        "rulesCustomizations": [
          { "rule": "style/*", "severity": "off", "fixable": true },
          { "rule": "format/*", "severity": "off", "fixable": true },
          { "rule": "*-indent", "severity": "off", "fixable": true },
          { "rule": "*-spacing", "severity": "off", "fixable": true },
          { "rule": "*-spaces", "severity": "off", "fixable": true },
          { "rule": "*-order", "severity": "off", "fixable": true },
          { "rule": "*-dangle", "severity": "off", "fixable": true },
          { "rule": "*-newline", "severity": "off", "fixable": true },
          { "rule": "*quotes", "severity": "off", "fixable": true },
          { "rule": "*semi", "severity": "off", "fixable": true }
        ]
      }
    }
  }
}
```

--------------------------------

### Neovim Format on Save with lspconfig

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Configure Neovim's lspconfig to automatically fix all ESLint issues when a buffer is saved. This requires the ESLint language server to be set up.

```lua
lspconfig.eslint.setup({
  --- ...
  on_attach = function(client, bufnr)
    vim.api.nvim_create_autocmd("BufWritePre", {
      buffer = bufnr,
      command = "EslintFixAll",
    })
  end,
})
```

--------------------------------

### Enable Type Aware Rules with TypeScript Path

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Enable type-aware rules by passing a `typescript` configuration object with `tsconfigPath` to the Antfu config.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  typescript: {
    tsconfigPath: 'tsconfig.json',
  },
})
```

--------------------------------

### Initialize Google Analytics

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/output/with-formatters/html.html

Configures the global Google Analytics tracking function. Ensure the tracking ID is updated to your specific property ID.

```javascript
window.ga = function () { ga.q.push(arguments) } ga.q = [] ga.l = +new Date() ga('create', 'UA-XXXXX-Y', 'auto') ga('send', 'pageview')
```

--------------------------------

### Advanced ESLint Configuration Composition

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Compose fine-grained ESLint configurations from individual modules provided by @antfu/eslint-config. This offers maximum flexibility but requires careful management of shared options.

```javascript
// eslint.config.js
import {
  combine,
  comments,
  ignores,
  imports,
  javascript,
  jsdoc,
  jsonc,
  markdown,
  node,
  sortPackageJson,
  sortTsconfig,
  stylistic,
  toml,
  typescript,
  unicorn,
  vue,
  yaml,
} from '@antfu/eslint-config'

export default combine(
  ignores(),
  javascript(/* Options */),
  comments(),
  node(),
  jsdoc(),
  imports(),
  unicorn(),
  typescript(/* Options */),
  stylistic(),
  vue(),
  jsonc(),
  yaml(),
  toml(),
  markdown(),
)
```

--------------------------------

### ESLint Configuration with Custom Overrides

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Extend the antfu ESLint configuration by providing additional ESLint Flat Config objects. This allows for project-specific rules and file-specific configurations.

```javascript
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu(
  {
    // Configures for antfu's config
  },

  // From the second arguments they are ESLint Flat Configs
  // you can have multiple configs
  {
    files: ['**/*.ts'],
    rules: {},
  },
  {
    rules: {},
  },
)
```

--------------------------------

### Generate ESLint Code Style Badge

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Include a badge in your project's README to indicate adherence to the Antfu code style.

```markdown
[![code style](https://antfu.me/badge-code-style.svg)](https://github.com/antfu/eslint-config)
```

--------------------------------

### CSS Styling for .foo

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/output/ts-override/markdown.md

This CSS code defines styling for the .foo class. It is intended to be handled by Prettier.

```css
/* This should be handled by Prettier */
.foo { color:red;}
```

--------------------------------

### Add Linting Scripts to package.json

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Include 'lint' and 'lint:fix' scripts in your package.json for easy execution of ESLint commands. The '--fix' flag enables auto-fixing.

```json
{
  "scripts": {
    "lint": "eslint",
    "lint:fix": "eslint --fix"
  }
}
```

--------------------------------

### Override ESLint Rules Using Integration Options

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Use the `overrides` option within each integration to apply specific rules. This provides a more concise way to override rules for a particular integration.

```js
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  vue: {
    overrides: {
      'vue/operator-linebreak': ['error', 'before'],
    },
  },
  typescript: {
    overrides: {
      'ts/consistent-type-definitions': ['error', 'interface'],
    },
  },
  yaml: {
    overrides: {
      // ...
    },
  },
})
```

--------------------------------

### Configure Vue 2 Support in ESLint

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Manually configure Vue 2 support by setting `vueVersion` to `2` within the `vue` options. Note that Vue 2 support is in maintenance mode.

```js
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu({
  vue: {
    vueVersion: 2
  },
})
```

--------------------------------

### Revert Plugin Renaming in ESLint Config

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Shows how to revert the automatic plugin renaming in the ESLint configuration by explicitly mapping new prefixes back to their original plugin names.

```typescript
import antfu from '@antfu/eslint-config'

export default antfu()
  .renamePlugins({
    ts: '@typescript-eslint',
    yaml: 'yml',
    node: 'n'
    // ...
  })
```

--------------------------------

### CSS Styling

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/input/markdown.md

This CSS code defines a style rule for a class named 'foo'. It is intended to be handled by Prettier for formatting.

```css
/* This should be handled by Prettier */
.foo { color:red;}

```

--------------------------------

### Disable Prettier Conflicts

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Disable ESLint rules that conflict with Prettier by importing and including `eslint-config-prettier` in the configuration.

```javascript
import antfu from '@antfu/eslint-config'
import prettierConflicts from 'eslint-config-prettier'

export default antfu({
  rules: {
    'some-rule': 'off'
  }
}, prettierConflicts)
```

--------------------------------

### Update ESLint Rule Prefix

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Demonstrates how to update a rule prefix from the original '@typescript-eslint' to the new 'ts' prefix when disabling rules inline.

```diff
-eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+// eslint-disable-next-line ts/consistent-type-definitions
type foo = { bar: 2 }
```

--------------------------------

### Convert Arrow Function to Normal Function

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Use the `/// to-function` trigger comment to convert an arrow function to a normal function. This comment is removed after transformation.

```typescript
/// to-function
const foo = async (msg: string): void => {
  console.log(msg)
}
```

--------------------------------

### Override ESLint Rules for Specific File Types

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Specify file globs to apply specific rules only to matching files. This prevents unintended rule applications on files that do not belong to the specified type.

```js
// eslint.config.js
import antfu from '@antfu/eslint-config'

export default antfu(
  {
    vue: true,
    typescript: true
  },
  {
    // Remember to specify the file glob here, otherwise it might cause the vue plugin to handle non-vue files
    files: ['**/*.vue'],
    rules: {
      'vue/operator-linebreak': ['error', 'before'],
    },
  },
  {
    // Without `files`, they are general rules for all files (Markdown excluded — see note below)
    rules: {
      'style/semi': ['error', 'never'],
    },
  }
)
```

--------------------------------

### JavaScript Identity Function

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/output/issue-837/markdown.md

This JavaScript code defines an identity function with a conditional log. It is intended to be handled by ESLint.

```js
// This should be handled by ESLint instead of Prettier
function identity(x) {
  if (foo) {
    console.log('bar')
  }
}
```

--------------------------------

### Disable Editor-Specific Rule Fixes

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Configure ESLint to disable auto-fixing for specific rules when running in an editor. Set `isInEditor` to `false` to apply rules only when ESLint is run in the terminal.

```javascript
import antfu from '@antfu/eslint-config'

export default antfu({
  isInEditor: false
})
```

--------------------------------

### JavaScript Identity Function

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/input/markdown.md

This JavaScript code defines an identity function. It is intended to be handled by ESLint rather than Prettier for formatting.

```js
// This should be handled by ESLint instead of Prettier
function identity(x) {
  if (foo) {
    console.log('bar');
  }
  }

```

--------------------------------

### Transformed Arrow Function

Source: https://github.com/antfu/eslint-config/blob/main/README.md

The result of applying the `/// to-function` transformation to an arrow function.

```typescript
async function foo(msg: string): void {
  console.log(msg)
}
```

--------------------------------

### JavaScript Identity Function

Source: https://github.com/antfu/eslint-config/blob/main/fixtures/output/ts-override/markdown.md

This JavaScript code defines an identity function. It is intended to be handled by ESLint rather than Prettier.

```js
// This should be handled by ESLint instead of Prettier
function identity(x) {
  if (foo) {
    console.log('bar')
  }
}
```

--------------------------------

### Disable Opinionated Rules

Source: https://github.com/antfu/eslint-config/blob/main/README.md

Configure ESLint to use a less opinionated set of rules by setting `lessOpinionated` to `true`. This disables custom rules enforcing specific coding styles like function declarations over arrow functions or one-line if statements.

```typescript
import antfu from '@antfu/eslint-config'

export default antfu({
  lessOpinionated: true
})
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.