@antfu/eslint-config 2.3.4 → 2.4.0

package/README.md

@@ -12,6 +12,7 @@
 - [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new), compose easily!
 - Using [ESLint Stylistic](https://github.com/eslint-stylistic/eslint-stylistic)
 - Respects `.gitignore` by default
+- Optional [formatters](#formatters) support for CSS, HTML, TOML, etc.
 - **Style principle**: Minimal for reading, stable for diff, consistent
 
 > [!IMPORTANT]
@@ -220,7 +221,7 @@ Going more advanced, you can also import fine-grained configs and compose them a
 <details>
 <summary>Advanced Example</summary>
 
-We don't recommend using this style in general usages, as there are shared options between configs and might need extra care to make them consistent.
+We wouldn't recommend using this style in general unless you know exactly what they are doing, as there are shared options between configs and might need extra care to make them consistent.
 
 ```js
 // eslint.config.js
@@ -351,10 +352,27 @@ import antfu from '@antfu/eslint-config'
 
 export default antfu({
   formatters: {
-    css: true, // by default use Prettier
-    html: true, // by default use Prettier
-    toml: 'dprint', // use dprint for TOML
-    markdown: 'prettier' // use prettier for markdown
+    /**
+     * 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 TOML files
+     * Currently only supports dprint
+     */
+    toml: 'dprint',
+    /**
+     * Format Markdown files
+     * Supports Prettier and dprint
+     * By default uses Prettier
+     */
+    markdown: 'prettier'
   }
 })
 ```
@@ -504,9 +522,17 @@ If you enjoy this code style, and would like to mention it in your project, here
 
 [Why I don't use Prettier](https://antfu.me/posts/why-not-prettier)
 
+Well, you can still use Prettier to format files that are not supported well by ESLint yet, such as `.css`, `.html`, etc. See [formatters](#formatters) for more details.
+
+### dprint?
+
+[dprint](https://dprint.dev/) is also a great formatter that with more abilities to customize. However, it's in the same model as Prettier which reads the AST and reprints the code from scratch. This means it's similar to Prettier, which ignores the original line breaks and might also cause the inconsistent diff. So in general, we prefer to use ESLint to format and lint JavaScript/TypeScript code.
+
+Meanwhile, we do have dprint integrations for formatting other files such as `.toml` and `.md`. See [formatters](#formatters) for more details.
+
 ### How to format CSS?
 
-This config does NOT lint CSS. I personally use [UnoCSS](https://github.com/unocss/unocss) so I don't write CSS. For better linting, we recommend trying [stylelint](https://stylelint.io/).
+You can opt-in to the [`formatters`](#formatters) feature to format your CSS. Note that it's only doing formatting, but not linting. If you want proper linting support, give [`stylelint`](https://stylelint.io/) a try.
 
 ### I prefer XXX...
 
@@ -516,7 +542,7 @@ Sure, you can configure and override rules locally in your project to fit your n
 
 - [antfu/dotfiles](https://github.com/antfu/dotfiles) - My dotfiles
 - [antfu/vscode-settings](https://github.com/antfu/vscode-settings) - My VS Code settings
-- [antfu/ts-starter](https://github.com/antfu/ts-starter) - My starter template for TypeScript library
+- [antfu/starter-ts](https://github.com/antfu/starter-ts) - My starter template for TypeScript library
 - [antfu/vitesse](https://github.com/antfu/vitesse) - My starter template for Vue & Vite app
 
 ## License

package/dist/cli.cjs

@@ -46,7 +46,7 @@ var import_parse_gitignore = __toESM(require("parse-gitignore"), 1);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "2.3.4";
+var version = "2.4.0";
 var devDependencies = {
   "@antfu/eslint-config": "workspace:*",
   "@antfu/eslint-plugin-prettier": "^5.0.1-1",
@@ -54,7 +54,7 @@ var devDependencies = {
   "@stylistic/eslint-plugin-migrate": "^1.5.0",
   "@types/eslint": "^8.44.8",
   "@types/fs-extra": "^11.0.4",
-  "@types/node": "^20.10.3",
+  "@types/node": "^20.10.4",
   "@types/prompts": "^2.4.9",
   "@types/yargs": "^17.0.32",
   "@unocss/eslint-plugin": "^0.58.0",
@@ -73,8 +73,9 @@ var devDependencies = {
   rimraf: "^5.0.5",
   "simple-git-hooks": "^2.9.0",
   tsup: "^8.0.1",
-  typescript: "^5.3.2",
-  vitest: "^1.0.1"
+  typescript: "^5.3.3",
+  vitest: "^1.0.2",
+  vue: "^3.3.10"
 };
 
 // src/cli/constants.ts

package/dist/cli.js

@@ -17,7 +17,7 @@ import parse from "parse-gitignore";
 import c from "picocolors";
 
 // package.json
-var version = "2.3.4";
+var version = "2.4.0";
 var devDependencies = {
   "@antfu/eslint-config": "workspace:*",
   "@antfu/eslint-plugin-prettier": "^5.0.1-1",
@@ -25,7 +25,7 @@ var devDependencies = {
   "@stylistic/eslint-plugin-migrate": "^1.5.0",
   "@types/eslint": "^8.44.8",
   "@types/fs-extra": "^11.0.4",
-  "@types/node": "^20.10.3",
+  "@types/node": "^20.10.4",
   "@types/prompts": "^2.4.9",
   "@types/yargs": "^17.0.32",
   "@unocss/eslint-plugin": "^0.58.0",
@@ -44,8 +44,9 @@ var devDependencies = {
   rimraf: "^5.0.5",
   "simple-git-hooks": "^2.9.0",
   tsup: "^8.0.1",
-  typescript: "^5.3.2",
-  vitest: "^1.0.1"
+  typescript: "^5.3.3",
+  vitest: "^1.0.2",
+  vue: "^3.3.10"
 };
 
 // src/cli/constants.ts

package/dist/index.cjs

@@ -595,44 +595,15 @@ async function jsonc(options = {}) {
 }
 
 // src/configs/markdown.ts
-async function markdown(options = {}, formatMarkdown = false) {
+var parserPlain = __toESM(require("eslint-parser-plain"), 1);
+var import_eslint_merge_processors = require("eslint-merge-processors");
+async function markdown(options = {}) {
   const {
     componentExts = [],
     files = [GLOB_MARKDOWN],
     overrides = {}
   } = options;
   const markdown2 = await interopDefault(import("eslint-plugin-markdown"));
-  const baseProcessor = markdown2.processors.markdown;
-  const processor = !formatMarkdown ? {
-    meta: {
-      name: "markdown-processor"
-    },
-    supportsAutofix: true,
-    ...baseProcessor
-  } : {
-    meta: {
-      name: "markdown-processor-with-content"
-    },
-    postprocess(messages, filename) {
-      const markdownContent = messages.pop();
-      const codeSnippets = baseProcessor.postprocess(messages, filename);
-      return [
-        ...markdownContent || [],
-        ...codeSnippets || []
-      ];
-    },
-    preprocess(text, filename) {
-      const result = baseProcessor.preprocess(text, filename);
-      return [
-        ...result,
-        {
-          filename: ".__markdown_content__",
-          text
-        }
-      ];
-    },
-    supportsAutofix: true
-  };
   return [
     {
       name: "antfu:markdown:setup",
@@ -644,7 +615,20 @@ async function markdown(options = {}, formatMarkdown = false) {
       files,
       ignores: [GLOB_MARKDOWN_IN_MARKDOWN],
       name: "antfu:markdown:processor",
-      processor
+      // `eslint-plugin-markdown` only creates virtual files for code blocks,
+      // but not the markdown file itself. We use `eslint-merge-processors` to
+      // add a pass-through processor for the markdown file itself.
+      processor: (0, import_eslint_merge_processors.mergeProcessors)([
+        markdown2.processors.markdown,
+        import_eslint_merge_processors.processorPassThrough
+      ])
+    },
+    {
+      files,
+      languageOptions: {
+        parser: parserPlain
+      },
+      name: "antfu:markdown:parser"
     },
     {
       files: [
@@ -742,6 +726,9 @@ async function perfectionist() {
   ];
 }
 
+// src/configs/formatters.ts
+var parserPlain2 = __toESM(require("eslint-parser-plain"), 1);
+
 // src/configs/stylistic.ts
 var StylisticConfigDefaults = {
   indent: 2,
@@ -787,7 +774,7 @@ async function stylistic(options = {}) {
 }
 
 // src/configs/formatters.ts
-async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true) {
+async function formatters(options = {}, stylistic2 = {}) {
   await ensurePackages([
     "eslint-plugin-format"
   ]);
@@ -840,7 +827,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
       {
         files: [GLOB_CSS, GLOB_POSTCSS],
         languageOptions: {
-          parser: pluginFormat.parserPlain
+          parser: parserPlain2
         },
         name: "antfu:formatter:css",
         rules: {
@@ -856,7 +843,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
       {
         files: [GLOB_SCSS],
         languageOptions: {
-          parser: pluginFormat.parserPlain
+          parser: parserPlain2
         },
         name: "antfu:formatter:scss",
         rules: {
@@ -872,7 +859,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
       {
         files: [GLOB_LESS],
         languageOptions: {
-          parser: pluginFormat.parserPlain
+          parser: parserPlain2
         },
         name: "antfu:formatter:less",
         rules: {
@@ -891,7 +878,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
     configs.push({
       files: ["**/*.html"],
       languageOptions: {
-        parser: pluginFormat.parserPlain
+        parser: parserPlain2
       },
       name: "antfu:formatter:html",
       rules: {
@@ -909,7 +896,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
     configs.push({
       files: ["**/*.toml"],
       languageOptions: {
-        parser: pluginFormat.parserPlain
+        parser: parserPlain2
       },
       name: "antfu:formatter:toml",
       rules: {
@@ -926,9 +913,9 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
   if (options.markdown) {
     const formater = options.markdown === true ? "prettier" : options.markdown;
     configs.push({
-      files: markdownEnabled ? ["**/*.__markdown_content__"] : [GLOB_MARKDOWN],
+      files: [GLOB_MARKDOWN],
       languageOptions: {
-        parser: pluginFormat.parserPlain
+        parser: parserPlain2
       },
       name: "antfu:formatter:markdown",
       rules: {
@@ -950,7 +937,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
     configs.push({
       files: ["**/*.graphql"],
       languageOptions: {
-        parser: pluginFormat.parserPlain
+        parser: parserPlain2
       },
       name: "antfu:formatter:graphql",
       rules: {
@@ -1530,22 +1517,27 @@ async function unocss(options = {}) {
 }
 
 // src/configs/vue.ts
+var import_eslint_merge_processors2 = require("eslint-merge-processors");
 async function vue(options = {}) {
   const {
     files = [GLOB_VUE],
     overrides = {},
-    stylistic: stylistic2 = true
+    stylistic: stylistic2 = true,
+    vueVersion = 3
   } = options;
+  const sfcBlocks = options.sfcBlocks === true ? {} : options.sfcBlocks ?? {};
   const {
     indent = 2
   } = typeof stylistic2 === "boolean" ? {} : stylistic2;
   const [
     pluginVue,
-    parserVue
+    parserVue,
+    processorVueBlocks
   ] = await Promise.all([
     // @ts-expect-error missing types
     interopDefault(import("eslint-plugin-vue")),
-    interopDefault(import("vue-eslint-parser"))
+    interopDefault(import("vue-eslint-parser")),
+    interopDefault(import("eslint-processor-vue-blocks"))
   ]);
   return [
     {
@@ -1568,12 +1560,27 @@ async function vue(options = {}) {
         }
       },
       name: "antfu:vue:rules",
-      processor: pluginVue.processors[".vue"],
+      processor: sfcBlocks === false ? pluginVue.processors[".vue"] : (0, import_eslint_merge_processors2.mergeProcessors)([
+        pluginVue.processors[".vue"],
+        processorVueBlocks({
+          ...sfcBlocks,
+          blocks: {
+            ...sfcBlocks.blocks,
+            styles: true
+          }
+        })
+      ]),
       rules: {
         ...pluginVue.configs.base.rules,
-        ...pluginVue.configs["vue3-essential"].rules,
-        ...pluginVue.configs["vue3-strongly-recommended"].rules,
-        ...pluginVue.configs["vue3-recommended"].rules,
+        ...vueVersion === 2 ? {
+          ...pluginVue.configs["vue-essential"].rules,
+          ...pluginVue.configs["vue-strongly-recommended"].rules,
+          ...pluginVue.configs["vue-recommended"].rules
+        } : {
+          ...pluginVue.configs["vue3-essential"].rules,
+          ...pluginVue.configs["vue3-strongly-recommended"].rules,
+          ...pluginVue.configs["vue3-recommended"].rules
+        },
         "node/prefer-global/process": "off",
         "vue/block-order": ["error", {
           order: ["script", "template", "style"]
@@ -1829,16 +1836,14 @@ async function antfu(options = {}, ...userConfigs) {
         {
           componentExts,
           overrides: overrides.markdown
-        },
-        options.formatters === true || !!(options.formatters || {})?.markdown
+        }
       )
     );
   }
   if (options.formatters) {
     configs.push(formatters(
       options.formatters,
-      typeof stylisticOptions === "boolean" ? {} : stylisticOptions,
-      options.markdown !== false
+      typeof stylisticOptions === "boolean" ? {} : stylisticOptions
     ));
   }
   const fusedConfig = flatConfigProps.reduce((acc, key) => {

package/dist/index.d.cts

@@ -1,5 +1,6 @@
 import { FlatGitignoreOptions } from 'eslint-config-flat-gitignore';
 import { ParserOptions } from '@typescript-eslint/parser';
+import { Options } from 'eslint-processor-vue-blocks';
 import { Linter } from 'eslint';
 import { RuleConfig, MergeIntersection, RenamePrefix, VitestRules, YmlRules, NRules, Prefix, ReactHooksRules, ReactRules, ImportRules, EslintRules, JsoncRules, VueRules, EslintCommentsRules, FlatESLintConfigItem } from '@antfu/eslint-define-config';
 import { RuleOptions as RuleOptions$1 } from '@eslint-types/jsdoc/types';
@@ -130,6 +131,21 @@ interface OptionsFiles {
      */
     files?: string[];
 }
+interface OptionsVue {
+    /**
+     * Create virtual files for Vue SFC blocks to enable linting.
+     *
+     * @see https://github.com/antfu/eslint-processor-vue-blocks
+     * @default true
+     */
+    sfcBlocks?: boolean | Options;
+    /**
+     * Vue version. Apply different rules set from `eslint-plugin-vue`.
+     *
+     * @default 3
+     */
+    vueVersion?: 2 | 3;
+}
 interface OptionsFormatters {
     /**
      * Enable formatting support for CSS, Less, Sass, and SCSS.
@@ -354,7 +370,7 @@ declare function jsdoc(options?: OptionsStylistic): Promise<FlatConfigItem[]>;
 
 declare function jsonc(options?: OptionsFiles & OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
 
-declare function markdown(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides, formatMarkdown?: boolean): Promise<FlatConfigItem[]>;
+declare function markdown(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
 
 declare function node(): Promise<FlatConfigItem[]>;
 
@@ -365,7 +381,7 @@ declare function node(): Promise<FlatConfigItem[]>;
  */
 declare function perfectionist(): Promise<FlatConfigItem[]>;
 
-declare function formatters(options?: OptionsFormatters | true, stylistic?: StylisticConfig, markdownEnabled?: boolean): Promise<FlatConfigItem[]>;
+declare function formatters(options?: OptionsFormatters | true, stylistic?: StylisticConfig): Promise<FlatConfigItem[]>;
 
 declare function react(options?: OptionsHasTypeScript & OptionsOverrides & OptionsFiles): Promise<FlatConfigItem[]>;
 
@@ -393,7 +409,7 @@ declare function unicorn(): Promise<FlatConfigItem[]>;
 
 declare function unocss(options?: OptionsUnoCSS): Promise<FlatConfigItem[]>;
 
-declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic & OptionsFiles): Promise<FlatConfigItem[]>;
+declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic & OptionsFiles & OptionsVue): Promise<FlatConfigItem[]>;
 
 declare function yaml(options?: OptionsOverrides & OptionsStylistic & OptionsFiles): Promise<FlatConfigItem[]>;
 
@@ -434,4 +450,4 @@ declare function interopDefault<T>(m: Awaitable<T>): Promise<T extends {
 } ? U : T>;
 declare function ensurePackages(packages: string[]): Promise<void>;
 
-export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsFiles, type OptionsFormatters, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type OptionsUnoCSS, type Rules, type StylisticConfig, StylisticConfigDefaults, type UserConfigItem, type WrapRuleConfig, antfu, combine, comments, antfu as default, ensurePackages, formatters, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, react, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, unocss, vue, yaml };
+export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsFiles, type OptionsFormatters, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type OptionsUnoCSS, type OptionsVue, type Rules, type StylisticConfig, StylisticConfigDefaults, type UserConfigItem, type WrapRuleConfig, antfu, combine, comments, antfu as default, ensurePackages, formatters, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, react, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, unocss, vue, yaml };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { FlatGitignoreOptions } from 'eslint-config-flat-gitignore';
 import { ParserOptions } from '@typescript-eslint/parser';
+import { Options } from 'eslint-processor-vue-blocks';
 import { Linter } from 'eslint';
 import { RuleConfig, MergeIntersection, RenamePrefix, VitestRules, YmlRules, NRules, Prefix, ReactHooksRules, ReactRules, ImportRules, EslintRules, JsoncRules, VueRules, EslintCommentsRules, FlatESLintConfigItem } from '@antfu/eslint-define-config';
 import { RuleOptions as RuleOptions$1 } from '@eslint-types/jsdoc/types';
@@ -130,6 +131,21 @@ interface OptionsFiles {
      */
     files?: string[];
 }
+interface OptionsVue {
+    /**
+     * Create virtual files for Vue SFC blocks to enable linting.
+     *
+     * @see https://github.com/antfu/eslint-processor-vue-blocks
+     * @default true
+     */
+    sfcBlocks?: boolean | Options;
+    /**
+     * Vue version. Apply different rules set from `eslint-plugin-vue`.
+     *
+     * @default 3
+     */
+    vueVersion?: 2 | 3;
+}
 interface OptionsFormatters {
     /**
      * Enable formatting support for CSS, Less, Sass, and SCSS.
@@ -354,7 +370,7 @@ declare function jsdoc(options?: OptionsStylistic): Promise<FlatConfigItem[]>;
 
 declare function jsonc(options?: OptionsFiles & OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
 
-declare function markdown(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides, formatMarkdown?: boolean): Promise<FlatConfigItem[]>;
+declare function markdown(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
 
 declare function node(): Promise<FlatConfigItem[]>;
 
@@ -365,7 +381,7 @@ declare function node(): Promise<FlatConfigItem[]>;
  */
 declare function perfectionist(): Promise<FlatConfigItem[]>;
 
-declare function formatters(options?: OptionsFormatters | true, stylistic?: StylisticConfig, markdownEnabled?: boolean): Promise<FlatConfigItem[]>;
+declare function formatters(options?: OptionsFormatters | true, stylistic?: StylisticConfig): Promise<FlatConfigItem[]>;
 
 declare function react(options?: OptionsHasTypeScript & OptionsOverrides & OptionsFiles): Promise<FlatConfigItem[]>;
 
@@ -393,7 +409,7 @@ declare function unicorn(): Promise<FlatConfigItem[]>;
 
 declare function unocss(options?: OptionsUnoCSS): Promise<FlatConfigItem[]>;
 
-declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic & OptionsFiles): Promise<FlatConfigItem[]>;
+declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic & OptionsFiles & OptionsVue): Promise<FlatConfigItem[]>;
 
 declare function yaml(options?: OptionsOverrides & OptionsStylistic & OptionsFiles): Promise<FlatConfigItem[]>;
 
@@ -434,4 +450,4 @@ declare function interopDefault<T>(m: Awaitable<T>): Promise<T extends {
 } ? U : T>;
 declare function ensurePackages(packages: string[]): Promise<void>;
 
-export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsFiles, type OptionsFormatters, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type OptionsUnoCSS, type Rules, type StylisticConfig, StylisticConfigDefaults, type UserConfigItem, type WrapRuleConfig, antfu, combine, comments, antfu as default, ensurePackages, formatters, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, react, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, unocss, vue, yaml };
+export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsFiles, type OptionsFormatters, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type OptionsUnoCSS, type OptionsVue, type Rules, type StylisticConfig, StylisticConfigDefaults, type UserConfigItem, type WrapRuleConfig, antfu, combine, comments, antfu as default, ensurePackages, formatters, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, react, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, unocss, vue, yaml };

package/dist/index.js

@@ -509,44 +509,15 @@ async function jsonc(options = {}) {
 }
 
 // src/configs/markdown.ts
-async function markdown(options = {}, formatMarkdown = false) {
+import * as parserPlain from "eslint-parser-plain";
+import { mergeProcessors, processorPassThrough } from "eslint-merge-processors";
+async function markdown(options = {}) {
   const {
     componentExts = [],
     files = [GLOB_MARKDOWN],
     overrides = {}
   } = options;
   const markdown2 = await interopDefault(import("eslint-plugin-markdown"));
-  const baseProcessor = markdown2.processors.markdown;
-  const processor = !formatMarkdown ? {
-    meta: {
-      name: "markdown-processor"
-    },
-    supportsAutofix: true,
-    ...baseProcessor
-  } : {
-    meta: {
-      name: "markdown-processor-with-content"
-    },
-    postprocess(messages, filename) {
-      const markdownContent = messages.pop();
-      const codeSnippets = baseProcessor.postprocess(messages, filename);
-      return [
-        ...markdownContent || [],
-        ...codeSnippets || []
-      ];
-    },
-    preprocess(text, filename) {
-      const result = baseProcessor.preprocess(text, filename);
-      return [
-        ...result,
-        {
-          filename: ".__markdown_content__",
-          text
-        }
-      ];
-    },
-    supportsAutofix: true
-  };
   return [
     {
       name: "antfu:markdown:setup",
@@ -558,7 +529,20 @@ async function markdown(options = {}, formatMarkdown = false) {
       files,
       ignores: [GLOB_MARKDOWN_IN_MARKDOWN],
       name: "antfu:markdown:processor",
-      processor
+      // `eslint-plugin-markdown` only creates virtual files for code blocks,
+      // but not the markdown file itself. We use `eslint-merge-processors` to
+      // add a pass-through processor for the markdown file itself.
+      processor: mergeProcessors([
+        markdown2.processors.markdown,
+        processorPassThrough
+      ])
+    },
+    {
+      files,
+      languageOptions: {
+        parser: parserPlain
+      },
+      name: "antfu:markdown:parser"
     },
     {
       files: [
@@ -656,6 +640,9 @@ async function perfectionist() {
   ];
 }
 
+// src/configs/formatters.ts
+import * as parserPlain2 from "eslint-parser-plain";
+
 // src/configs/stylistic.ts
 var StylisticConfigDefaults = {
   indent: 2,
@@ -701,7 +688,7 @@ async function stylistic(options = {}) {
 }
 
 // src/configs/formatters.ts
-async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true) {
+async function formatters(options = {}, stylistic2 = {}) {
   await ensurePackages([
     "eslint-plugin-format"
   ]);
@@ -754,7 +741,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
       {
         files: [GLOB_CSS, GLOB_POSTCSS],
         languageOptions: {
-          parser: pluginFormat.parserPlain
+          parser: parserPlain2
         },
         name: "antfu:formatter:css",
         rules: {
@@ -770,7 +757,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
       {
         files: [GLOB_SCSS],
         languageOptions: {
-          parser: pluginFormat.parserPlain
+          parser: parserPlain2
         },
         name: "antfu:formatter:scss",
         rules: {
@@ -786,7 +773,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
       {
         files: [GLOB_LESS],
         languageOptions: {
-          parser: pluginFormat.parserPlain
+          parser: parserPlain2
         },
         name: "antfu:formatter:less",
         rules: {
@@ -805,7 +792,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
     configs.push({
       files: ["**/*.html"],
       languageOptions: {
-        parser: pluginFormat.parserPlain
+        parser: parserPlain2
       },
       name: "antfu:formatter:html",
       rules: {
@@ -823,7 +810,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
     configs.push({
       files: ["**/*.toml"],
       languageOptions: {
-        parser: pluginFormat.parserPlain
+        parser: parserPlain2
       },
       name: "antfu:formatter:toml",
       rules: {
@@ -840,9 +827,9 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
   if (options.markdown) {
     const formater = options.markdown === true ? "prettier" : options.markdown;
     configs.push({
-      files: markdownEnabled ? ["**/*.__markdown_content__"] : [GLOB_MARKDOWN],
+      files: [GLOB_MARKDOWN],
       languageOptions: {
-        parser: pluginFormat.parserPlain
+        parser: parserPlain2
       },
       name: "antfu:formatter:markdown",
       rules: {
@@ -864,7 +851,7 @@ async function formatters(options = {}, stylistic2 = {}, markdownEnabled = true)
     configs.push({
       files: ["**/*.graphql"],
       languageOptions: {
-        parser: pluginFormat.parserPlain
+        parser: parserPlain2
       },
       name: "antfu:formatter:graphql",
       rules: {
@@ -1444,22 +1431,27 @@ async function unocss(options = {}) {
 }
 
 // src/configs/vue.ts
+import { mergeProcessors as mergeProcessors2 } from "eslint-merge-processors";
 async function vue(options = {}) {
   const {
     files = [GLOB_VUE],
     overrides = {},
-    stylistic: stylistic2 = true
+    stylistic: stylistic2 = true,
+    vueVersion = 3
   } = options;
+  const sfcBlocks = options.sfcBlocks === true ? {} : options.sfcBlocks ?? {};
   const {
     indent = 2
   } = typeof stylistic2 === "boolean" ? {} : stylistic2;
   const [
     pluginVue,
-    parserVue
+    parserVue,
+    processorVueBlocks
   ] = await Promise.all([
     // @ts-expect-error missing types
     interopDefault(import("eslint-plugin-vue")),
-    interopDefault(import("vue-eslint-parser"))
+    interopDefault(import("vue-eslint-parser")),
+    interopDefault(import("eslint-processor-vue-blocks"))
   ]);
   return [
     {
@@ -1482,12 +1474,27 @@ async function vue(options = {}) {
         }
       },
       name: "antfu:vue:rules",
-      processor: pluginVue.processors[".vue"],
+      processor: sfcBlocks === false ? pluginVue.processors[".vue"] : mergeProcessors2([
+        pluginVue.processors[".vue"],
+        processorVueBlocks({
+          ...sfcBlocks,
+          blocks: {
+            ...sfcBlocks.blocks,
+            styles: true
+          }
+        })
+      ]),
       rules: {
         ...pluginVue.configs.base.rules,
-        ...pluginVue.configs["vue3-essential"].rules,
-        ...pluginVue.configs["vue3-strongly-recommended"].rules,
-        ...pluginVue.configs["vue3-recommended"].rules,
+        ...vueVersion === 2 ? {
+          ...pluginVue.configs["vue-essential"].rules,
+          ...pluginVue.configs["vue-strongly-recommended"].rules,
+          ...pluginVue.configs["vue-recommended"].rules
+        } : {
+          ...pluginVue.configs["vue3-essential"].rules,
+          ...pluginVue.configs["vue3-strongly-recommended"].rules,
+          ...pluginVue.configs["vue3-recommended"].rules
+        },
         "node/prefer-global/process": "off",
         "vue/block-order": ["error", {
           order: ["script", "template", "style"]
@@ -1743,16 +1750,14 @@ async function antfu(options = {}, ...userConfigs) {
         {
           componentExts,
           overrides: overrides.markdown
-        },
-        options.formatters === true || !!(options.formatters || {})?.markdown
+        }
       )
     );
   }
   if (options.formatters) {
     configs.push(formatters(
       options.formatters,
-      typeof stylisticOptions === "boolean" ? {} : stylisticOptions,
-      options.markdown !== false
+      typeof stylisticOptions === "boolean" ? {} : stylisticOptions
     ));
   }
   const fusedConfig = flatConfigProps.reduce((acc, key) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antfu/eslint-config",
   "type": "module",
-  "version": "2.3.4",
+  "version": "2.4.0",
   "packageManager": "pnpm@8.11.0",
   "description": "Anthony's ESLint config",
   "author": "Anthony Fu <anthonyfu117@hotmail.com> (https://github.com/antfu/)",
@@ -59,6 +59,8 @@
     "@typescript-eslint/eslint-plugin": "^6.13.2",
     "@typescript-eslint/parser": "^6.13.2",
     "eslint-config-flat-gitignore": "^0.1.2",
+    "eslint-merge-processors": "^0.1.0",
+    "eslint-parser-plain": "^0.1.0",
     "eslint-plugin-antfu": "^2.0.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-i": "^2.29.0",
@@ -73,6 +75,7 @@
     "eslint-plugin-vitest": "^0.3.10",
     "eslint-plugin-vue": "^9.19.2",
     "eslint-plugin-yml": "^1.10.0",
+    "eslint-processor-vue-blocks": "^0.1.1",
     "globals": "^13.23.0",
     "jsonc-eslint-parser": "^2.4.0",
     "local-pkg": "^0.5.0",
@@ -89,7 +92,7 @@
     "@stylistic/eslint-plugin-migrate": "^1.5.0",
     "@types/eslint": "^8.44.8",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.10.3",
+    "@types/node": "^20.10.4",
     "@types/prompts": "^2.4.9",
     "@types/yargs": "^17.0.32",
     "@unocss/eslint-plugin": "^0.58.0",
@@ -108,9 +111,10 @@
     "rimraf": "^5.0.5",
     "simple-git-hooks": "^2.9.0",
     "tsup": "^8.0.1",
-    "typescript": "^5.3.2",
-    "vitest": "^1.0.1",
-    "@antfu/eslint-config": "2.3.4"
+    "typescript": "^5.3.3",
+    "vitest": "^1.0.2",
+    "vue": "^3.3.10",
+    "@antfu/eslint-config": "2.4.0"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"