@coderwyd/eslint-config 2.0.3 → 2.1.1

package/README.md

@@ -6,14 +6,11 @@
 
 ## Feature
 
-- ✨ Single quotes, no semi
 - 🛠️ Auto fix for formatting
+- ✨ Support Vue, React, Svelte.
 - 🎯 Designed to work with TypeScript, Vue out-of-box
-- 🔍 Lints also for json
-- 🧩 Sorted imports, dangling commas
 - 🏆 Reasonable defaults, best practices, only one-line of config
-- 🚀 [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new), compose easily!
-- 🎨 Use ESlint and Prettier to format HTML, CSS, LESS, SCSS, YAML, TOML, Markdown.
+- 🎨 Use ESlint and Prettier to format HTML, CSS, LESS, SCSS, YAML, TOML, Markdown, JSON, JSONC.
 
 ## Usage
 
@@ -60,8 +57,6 @@ For example:
 
 ## VS Code support (auto fix)
 
-Install [VS Code ESLint extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
-
 Add the following settings to your `.vscode/settings.json`:
 
 ```jsonc
@@ -109,12 +104,166 @@ If you want to apply lint and auto-fix before every commit, you can add the foll
   }
 }
 ```
-
 and then
 
 ```bash
 npm i -D lint-staged simple-git-hooks
 ```
+## Options
+
+### interface Options
+
+```ts
+interface OptionsConfig {
+  /**
+   * The current working directory
+   *
+   * @default process.cwd()
+   */
+  cwd?: string
+
+  /**
+   * Enable gitignore support.
+   *
+   * Passing an object to configure the options.
+   *
+   * @see https://github.com/antfu/eslint-config-flat-gitignore
+   * @default true
+   */
+  gitignore?: boolean | FlatGitignoreOptions
+
+  /**
+   * Core rules. Can't be disabled.
+   */
+  javascript?: OptionsOverrides
+
+  /**
+   * Enable TypeScript support.
+   *
+   * Passing an object to enable TypeScript Language Server support.
+   *
+   * @default auto-detect based on the dependencies
+   */
+  typescript?: boolean | OptionsTypescript
+
+  /**
+   * Enable test support.
+   *
+   * @default true
+   */
+  test?: boolean | OptionsOverrides
+
+  /**
+   * Enable Vue support.
+   *
+   * @default auto-detect based on the dependencies
+   */
+  vue?: boolean | OptionsVue
+
+  /**
+   * Enable JSONC support.
+   *
+   * @default true
+   */
+  jsonc?: boolean | OptionsOverrides
+
+  /**
+   * Enable react rules.
+   *
+   * Requires installing:
+   * - `eslint-plugin-react`
+   * - `eslint-plugin-react-hooks`
+   * - `eslint-plugin-react-refresh`
+   *
+   * @default false
+   */
+  react?: boolean | OptionsOverrides
+
+  /**
+   * Enable svelte rules.
+   *
+   * Requires installing:
+   * - `eslint-plugin-svelte`
+   *
+   * @default false
+   */
+  svelte?: boolean | OptionsOverrides
+
+  /**
+   * Enable unocss rules.
+   *
+   * Requires installing:
+   * - `@unocss/eslint-plugin`
+   *
+   * @default false
+   */
+  unocss?: boolean | OptionsUnoCSS
+
+  /**
+   * Whether to use prettierrc
+   *
+   * If true, the rules in prettierrc will override the default rules
+   *
+   * @default true
+   */
+  usePrettierrc?: boolean
+
+  /**
+   * Use external formatters to format files.
+   *
+   * Requires installing:
+   * - `eslint-plugin-prettier`
+   *
+   * @default
+   * {
+   *  "html": true,
+   *  "css": true,
+   *  "graphql": true,
+   *  "markdown": true
+   *  "yaml": true
+   *  "toml": true
+   * }
+   */
+  formatter?: OptionsFormatters
+
+  /**
+   * Default prettier rules
+   *
+   * @default
+   * ```json
+   * {
+   *   "arrowParens": "avoid",
+   *   "htmlWhitespaceSensitivity": "ignore"
+   *   "printWidth": 120,
+   *   "semi": false,
+   *   "singleQuote": true,
+   * }
+   * ```
+   */
+  prettierRules?: PartialPrettierExtendedOptions
+
+  /**
+   * Control to disable some rules in editors.
+   * @default auto-detect based on the process.env
+   */
+  isInEditor?: boolean
+
+  /**
+   * Provide overrides for rules for each integration.
+   *
+   * @deprecated use `overrides` option in each integration key instead
+   */
+  overrides?: {
+    javascript?: FlatConfigItem['rules']
+    typescript?: FlatConfigItem['rules']
+    test?: FlatConfigItem['rules']
+    vue?: FlatConfigItem['rules']
+    jsonc?: FlatConfigItem['rules']
+    react?: FlatConfigItem['rules']
+    svelte?: FlatConfigItem['rules']
+  }
+}
+```
 
 ## Thanks
 

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.0.3";
+var version = "2.1.1";
 var devDependencies = {
   "@antfu/ni": "^0.21.12",
   "@types/eslint": "^8.56.2",
@@ -55,12 +55,13 @@ var devDependencies = {
   "@types/prompts": "^2.4.9",
   "@types/yargs": "^17.0.32",
   "@unocss/eslint-plugin": "^0.58.3",
-  bumpp: "^9.2.1",
+  bumpp: "^9.3.0",
   eslint: "^8.56.0",
-  "eslint-flat-config-viewer": "^0.1.8",
+  "eslint-flat-config-viewer": "^0.1.11",
   "eslint-plugin-react": "^7.33.2",
   "eslint-plugin-react-hooks": "^4.6.0",
   "eslint-plugin-react-refresh": "^0.4.5",
+  "eslint-plugin-svelte": "^2.35.1",
   esno: "^4.0.0",
   execa: "^8.0.1",
   "fast-glob": "^3.3.2",
@@ -68,6 +69,7 @@ var devDependencies = {
   "lint-staged": "^15.2.0",
   rimraf: "^5.0.5",
   "simple-git-hooks": "^2.9.0",
+  "svelte-eslint-parser": "^0.33.1",
   tsup: "^8.0.1",
   typescript: "^5.3.3"
 };
@@ -149,7 +151,7 @@ async function run(options = {}) {
   console.log(import_picocolors2.default.cyan(`${ARROW} bumping @coderwyd/eslint-config to v${version}`));
   const pkgContent = await import_promises.default.readFile(pathPackageJSON, "utf-8");
   const pkg = JSON.parse(pkgContent);
-  pkg.devDependencies ?? (pkg.devDependencies = {});
+  pkg.devDependencies ??= {};
   pkg.devDependencies["@coderwyd/eslint-config"] = `^${version}`;
   if (!pkg.devDependencies.eslint)
     pkg.devDependencies.eslint = eslintVersion;
@@ -224,7 +226,7 @@ ${coderwydConfig}
       return;
     }
   }
-  if ((promptResult == null ? void 0 : promptResult.updateVscodeSettings) ?? true) {
+  if (promptResult?.updateVscodeSettings ?? true) {
     const dotVscodePath = import_node_path.default.join(cwd, ".vscode");
     const settingsPath = import_node_path.default.join(dotVscodePath, "settings.json");
     if (!import_node_fs.default.existsSync(dotVscodePath))

package/dist/cli.js

@@ -1,14 +1,14 @@
 // src/cli/index.ts
-import process2 from "process";
+import process2 from "node:process";
 import c3 from "picocolors";
 import { hideBin } from "yargs/helpers";
 import yargs from "yargs";
 
 // src/cli/run.ts
-import fs from "fs";
-import fsp from "fs/promises";
-import path from "path";
-import process from "process";
+import fs from "node:fs";
+import fsp from "node:fs/promises";
+import path from "node:path";
+import process from "node:process";
 import prompts from "prompts";
 import c2 from "picocolors";
 import parse from "parse-gitignore";
@@ -17,7 +17,7 @@ import parse from "parse-gitignore";
 import c from "picocolors";
 
 // package.json
-var version = "2.0.3";
+var version = "2.1.1";
 var devDependencies = {
   "@antfu/ni": "^0.21.12",
   "@types/eslint": "^8.56.2",
@@ -26,12 +26,13 @@ var devDependencies = {
   "@types/prompts": "^2.4.9",
   "@types/yargs": "^17.0.32",
   "@unocss/eslint-plugin": "^0.58.3",
-  bumpp: "^9.2.1",
+  bumpp: "^9.3.0",
   eslint: "^8.56.0",
-  "eslint-flat-config-viewer": "^0.1.8",
+  "eslint-flat-config-viewer": "^0.1.11",
   "eslint-plugin-react": "^7.33.2",
   "eslint-plugin-react-hooks": "^4.6.0",
   "eslint-plugin-react-refresh": "^0.4.5",
+  "eslint-plugin-svelte": "^2.35.1",
   esno: "^4.0.0",
   execa: "^8.0.1",
   "fast-glob": "^3.3.2",
@@ -39,6 +40,7 @@ var devDependencies = {
   "lint-staged": "^15.2.0",
   rimraf: "^5.0.5",
   "simple-git-hooks": "^2.9.0",
+  "svelte-eslint-parser": "^0.33.1",
   tsup: "^8.0.1",
   typescript: "^5.3.3"
 };
@@ -81,7 +83,7 @@ var vscodeSettingsString = `
 `;
 
 // src/cli/utils.ts
-import { execSync } from "child_process";
+import { execSync } from "node:child_process";
 function isGitClean() {
   try {
     execSync("git diff-index --quiet HEAD --");
@@ -120,7 +122,7 @@ async function run(options = {}) {
   console.log(c2.cyan(`${ARROW} bumping @coderwyd/eslint-config to v${version}`));
   const pkgContent = await fsp.readFile(pathPackageJSON, "utf-8");
   const pkg = JSON.parse(pkgContent);
-  pkg.devDependencies ?? (pkg.devDependencies = {});
+  pkg.devDependencies ??= {};
   pkg.devDependencies["@coderwyd/eslint-config"] = `^${version}`;
   if (!pkg.devDependencies.eslint)
     pkg.devDependencies.eslint = eslintVersion;
@@ -195,7 +197,7 @@ ${coderwydConfig}
       return;
     }
   }
-  if ((promptResult == null ? void 0 : promptResult.updateVscodeSettings) ?? true) {
+  if (promptResult?.updateVscodeSettings ?? true) {
     const dotVscodePath = path.join(cwd, ".vscode");
     const settingsPath = path.join(dotVscodePath, "settings.json");
     if (!fs.existsSync(dotVscodePath))

package/dist/index.cjs

@@ -41,7 +41,7 @@ var import_local_pkg3 = require("local-pkg");
 var DEFAULT_PRETTIER_RULES = {
   arrowParens: "avoid",
   htmlWhitespaceSensitivity: "ignore",
-  printWidth: 80,
+  printWidth: 120,
   semi: false,
   singleQuote: true
 };
@@ -80,6 +80,7 @@ var GLOB_JSX = "**/*.?([cm])jsx";
 var GLOB_TS = "**/*.?([cm])ts";
 var GLOB_TSX = "**/*.?([cm])tsx";
 var GLOB_VUE = "**/*.vue";
+var GLOB_SVELTE = "**/*.svelte";
 var GLOB_HTML = "**/*.htm?(l)";
 var GLOB_CSS = "**/*.css";
 var GLOB_POSTCSS = "**/*.{p,post}css";
@@ -530,11 +531,10 @@ function resolveSubOptions(options, key) {
   return typeof options[key] === "boolean" ? {} : options[key] || {};
 }
 function getOverrides(options, key) {
-  var _a;
   const sub = resolveSubOptions(options, key);
   return {
-    ...(_a = options.overrides) == null ? void 0 : _a[key],
-    ..."overrides" in sub ? sub.overrides : {}
+    ...options.overrides?.[key],
+    ..."overrides" in sub ? sub.overrides || {} : {}
   };
 }
 
@@ -859,10 +859,14 @@ async function prettier(rules) {
   };
   const configs = [
     {
-      files: GLOB_PRETTIER_LINT,
+      name: "coderwyd:prettier:setup",
       plugins: {
         prettier: pluginPrettier
-      },
+      }
+    },
+    {
+      files: GLOB_PRETTIER_LINT,
+      name: "coderwyd:prettier:rules",
       rules: {
         ...eslintRules,
         "prettier/prettier": ["warn", pRules],
@@ -884,6 +888,8 @@ async function typescript(options = {}) {
     ...componentExts.map((ext) => `**/*.${ext}`)
   ];
   const filesTypeAware = options.filesTypeAware ?? [GLOB_TS, GLOB_TSX];
+  const tsconfigPath = options?.tsconfigPath ? toArray(options.tsconfigPath) : void 0;
+  const isTypeAware = !!tsconfigPath;
   const typeAwareRules = {
     "dot-notation": "off",
     "no-implied-eval": "off",
@@ -905,34 +911,45 @@ async function typescript(options = {}) {
     "ts/restrict-template-expressions": "error",
     "ts/unbound-method": "error"
   };
-  const tsconfigPath = (options == null ? void 0 : options.tsconfigPath) ? toArray(options.tsconfigPath) : void 0;
   const [pluginTs, parserTs] = await Promise.all([
     interopDefault(import("@typescript-eslint/eslint-plugin")),
     interopDefault(import("@typescript-eslint/parser"))
   ]);
-  return [
-    {
-      // Install the plugins without globs, so they can be configured separately.
-      name: "coderwyd:typescript:setup",
-      plugins: {
-        antfu: import_eslint_plugin_antfu.default,
-        ts: pluginTs
-      }
-    },
-    {
-      files,
+  function makeParser(typeAware, files2, ignores2) {
+    return {
+      files: files2,
+      ...ignores2 ? { ignores: ignores2 } : {},
       languageOptions: {
         parser: parserTs,
         parserOptions: {
           extraFileExtensions: componentExts.map((ext) => `.${ext}`),
           sourceType: "module",
-          ...tsconfigPath ? {
+          ...typeAware ? {
             project: tsconfigPath,
             tsconfigRootDir: import_node_process2.default.cwd()
           } : {},
           ...parserOptions
         }
       },
+      name: `coderwyd:typescript:${typeAware ? "type-aware-parser" : "parser"}`
+    };
+  }
+  return [
+    {
+      // Install the plugins without globs, so they can be configured separately.
+      name: "coderwyd:typescript:setup",
+      plugins: {
+        antfu: import_eslint_plugin_antfu.default,
+        ts: pluginTs
+      }
+    },
+    // assign type-aware parser for type-aware files and type-unaware parser for the rest
+    ...isTypeAware ? [
+      makeParser(true, filesTypeAware),
+      makeParser(false, files, filesTypeAware)
+    ] : [makeParser(false, files)],
+    {
+      files,
       name: "coderwyd:typescript:rules",
       rules: {
         ...renameRules(
@@ -1062,11 +1079,11 @@ async function unicorn() {
 // src/configs/vue.ts
 async function vue(options = {}) {
   const { files = [GLOB_VUE], overrides = {} } = options;
-  const isVue3 = getVueVersion() === 3;
   const [pluginVue, parserVue] = await Promise.all([
     interopDefault(import("eslint-plugin-vue")),
     interopDefault(import("vue-eslint-parser"))
   ]);
+  const isVue3 = getVueVersion() === 3;
   const configKeys = isVue3 ? ["vue3-essential", "vue3-strongly-recommended", "vue3-recommended"] : ["essential", "strongly-recommended", "recommended"];
   const vueRules = configKeys.reduce((preRules, key) => {
     const config = pluginVue.configs[key];
@@ -1106,7 +1123,7 @@ async function vue(options = {}) {
         "vue/block-order": [
           "error",
           {
-            order: ["script", "template", "style"]
+            order: isVue3 ? ["script", "template", "style"] : ["template", "script", "style"]
           }
         ],
         "vue/component-name-in-template-casing": ["error", "PascalCase"],
@@ -1357,7 +1374,7 @@ async function formatter(options = {}, prettierRules2 = {}) {
       ...prettierRules2,
       parser
     };
-    if (plugins == null ? void 0 : plugins.length) {
+    if (plugins?.length) {
       rules.plugins = [...rules.plugins || [], ...plugins];
     }
     const config = {
@@ -1415,6 +1432,84 @@ async function formatter(options = {}, prettierRules2 = {}) {
   return configs;
 }
 
+// src/configs/svelte.ts
+async function svelte(options = {}) {
+  const { files = [GLOB_SVELTE], overrides = {} } = options;
+  await ensurePackages(["eslint-plugin-svelte"]);
+  const [pluginSvelte, parserSvelte] = await Promise.all([
+    interopDefault(import("eslint-plugin-svelte")),
+    interopDefault(import("svelte-eslint-parser"))
+  ]);
+  return [
+    {
+      name: "coderwyd:svelte:setup",
+      plugins: {
+        svelte: pluginSvelte
+      }
+    },
+    {
+      files,
+      languageOptions: {
+        parser: parserSvelte,
+        parserOptions: {
+          extraFileExtensions: [".svelte"],
+          parser: options.typescript ? await interopDefault(
+            import("@typescript-eslint/parser")
+          ) : null
+        }
+      },
+      name: "coderwyd:svelte:rules",
+      processor: pluginSvelte.processors[".svelte"],
+      rules: {
+        "import/no-mutable-exports": "off",
+        "no-undef": "off",
+        // incompatible with most recent (attribute-form) generic types RFC
+        "no-unused-vars": [
+          "error",
+          {
+            args: "none",
+            caughtErrors: "none",
+            ignoreRestSiblings: true,
+            vars: "all",
+            varsIgnorePattern: "^\\$\\$Props$"
+          }
+        ],
+        "svelte/comment-directive": "error",
+        "svelte/no-at-debug-tags": "warn",
+        "svelte/no-at-html-tags": "error",
+        "svelte/no-dupe-else-if-blocks": "error",
+        "svelte/no-dupe-style-properties": "error",
+        "svelte/no-dupe-use-directives": "error",
+        "svelte/no-dynamic-slot-name": "error",
+        "svelte/no-export-load-in-svelte-module-in-kit-pages": "error",
+        "svelte/no-inner-declarations": "error",
+        "svelte/no-not-function-handler": "error",
+        "svelte/no-object-in-text-mustaches": "error",
+        "svelte/no-reactive-functions": "error",
+        "svelte/no-reactive-literals": "error",
+        "svelte/no-shorthand-style-property-overrides": "error",
+        "svelte/no-unknown-style-directive-property": "error",
+        "svelte/no-unused-svelte-ignore": "error",
+        "svelte/no-useless-mustaches": "error",
+        "svelte/require-store-callbacks-use-set-param": "error",
+        "svelte/system": "error",
+        "svelte/valid-compile": "error",
+        "svelte/valid-each-key": "error",
+        "unused-imports/no-unused-vars": [
+          "error",
+          {
+            args: "after-used",
+            argsIgnorePattern: "^_",
+            vars: "all",
+            varsIgnorePattern: "^(_|\\$\\$Props$)"
+          }
+        ],
+        ...overrides
+      }
+    }
+  ];
+}
+
 // src/index.ts
 var flatConfigProps = [
   "files",
@@ -1433,6 +1528,7 @@ async function defineConfig(options = {}, ...userConfigs) {
     gitignore: enableGitignore = true,
     isInEditor = !!((import_node_process3.default.env.VSCODE_PID || import_node_process3.default.env.JETBRAINS_IDE || import_node_process3.default.env.VIM) && !import_node_process3.default.env.CI),
     react: enableReact = false,
+    svelte: enableSvelte = false,
     typescript: enableTypeScript = (0, import_local_pkg3.isPackageExists)("typescript"),
     unocss: enableUnoCSS = false,
     usePrettierrc = true,
@@ -1441,18 +1537,10 @@ async function defineConfig(options = {}, ...userConfigs) {
   const configs = [];
   if (enableGitignore) {
     if (typeof enableGitignore !== "boolean") {
-      configs.push(
-        interopDefault(import("eslint-config-flat-gitignore")).then((r) => [
-          r(enableGitignore)
-        ])
-      );
+      configs.push(interopDefault(import("eslint-config-flat-gitignore")).then((r) => [r(enableGitignore)]));
     } else {
       if (import_node_fs.default.existsSync(".gitignore"))
-        configs.push(
-          interopDefault(import("eslint-config-flat-gitignore")).then((r) => [
-            r()
-          ])
-        );
+        configs.push(interopDefault(import("eslint-config-flat-gitignore")).then((r) => [r()]));
     }
   }
   configs.push(
@@ -1505,6 +1593,14 @@ async function defineConfig(options = {}, ...userConfigs) {
       })
     );
   }
+  if (enableSvelte) {
+    configs.push(
+      svelte({
+        overrides: getOverrides(options, "svelte"),
+        typescript: !!enableTypeScript
+      })
+    );
+  }
   if (enableUnoCSS) {
     configs.push(
       unocss({
@@ -1529,15 +1625,10 @@ async function defineConfig(options = {}, ...userConfigs) {
     prettierRules2 = { ...prettierRules2, ...options.prettierRules };
   }
   if (usePrettierrc) {
-    const prettierConfig = await loadPrettierConfig(
-      options.cwd ?? import_node_process3.default.cwd()
-    );
+    const prettierConfig = await loadPrettierConfig(options.cwd ?? import_node_process3.default.cwd());
     Object.assign(prettierRules2, prettierConfig);
   }
-  configs.push(
-    prettier(prettierRules2),
-    formatter(options.formatter, prettierRules2)
-  );
+  configs.push(prettier(prettierRules2), formatter(options.formatter, prettierRules2));
   const fusedConfig = flatConfigProps.reduce((acc, key) => {
     if (key in options)
       acc[key] = options[key];

package/dist/index.d.cts

@@ -38,22 +38,14 @@ type OptionsTypescript = (OptionsTypeScriptWithTypes & OptionsOverrides) | (Opti
 interface OptionsFormatters {
     /**
      * Enable formatting support for CSS, Less, Sass, and SCSS.
-     *
-     * Currently only support Prettier.
      */
     css?: boolean;
     /**
      * Enable formatting support for HTML.
-     *
-     * Currently only support Prettier.
      */
     html?: boolean;
     /**
      * Enable formatting support for Markdown.
-     *
-     * Support both Prettier.
-     *
-     * When set to `true`, it will use Prettier.
      */
     markdown?: boolean;
     /**
@@ -212,10 +204,10 @@ interface OptionsConfig extends OptionsComponentExts {
      * {
      *  "html": true,
      *  "css": true,
-     *  "graphql": true,
-     *  "markdown": true
-     *  "yaml": true
-     *  "toml": true
+     *  "graphql": false,
+     *  "markdown": false
+     *  "yaml": false
+     *  "toml": false
      * }
      */
     formatter?: OptionsFormatters;
@@ -227,7 +219,7 @@ interface OptionsConfig extends OptionsComponentExts {
      * {
      *   "arrowParens": "avoid",
      *   "htmlWhitespaceSensitivity": "ignore"
-     *   "printWidth": 80,
+     *   "printWidth": 120,
      *   "semi": false,
      *   "singleQuote": true,
      * }
@@ -251,6 +243,7 @@ interface OptionsConfig extends OptionsComponentExts {
         vue?: FlatConfigItem['rules'];
         jsonc?: FlatConfigItem['rules'];
         react?: FlatConfigItem['rules'];
+        svelte?: FlatConfigItem['rules'];
     };
 }
 

package/dist/index.d.ts

@@ -38,22 +38,14 @@ type OptionsTypescript = (OptionsTypeScriptWithTypes & OptionsOverrides) | (Opti
 interface OptionsFormatters {
     /**
      * Enable formatting support for CSS, Less, Sass, and SCSS.
-     *
-     * Currently only support Prettier.
      */
     css?: boolean;
     /**
      * Enable formatting support for HTML.
-     *
-     * Currently only support Prettier.
      */
     html?: boolean;
     /**
      * Enable formatting support for Markdown.
-     *
-     * Support both Prettier.
-     *
-     * When set to `true`, it will use Prettier.
      */
     markdown?: boolean;
     /**
@@ -212,10 +204,10 @@ interface OptionsConfig extends OptionsComponentExts {
      * {
      *  "html": true,
      *  "css": true,
-     *  "graphql": true,
-     *  "markdown": true
-     *  "yaml": true
-     *  "toml": true
+     *  "graphql": false,
+     *  "markdown": false
+     *  "yaml": false
+     *  "toml": false
      * }
      */
     formatter?: OptionsFormatters;
@@ -227,7 +219,7 @@ interface OptionsConfig extends OptionsComponentExts {
      * {
      *   "arrowParens": "avoid",
      *   "htmlWhitespaceSensitivity": "ignore"
-     *   "printWidth": 80,
+     *   "printWidth": 120,
      *   "semi": false,
      *   "singleQuote": true,
      * }
@@ -251,6 +243,7 @@ interface OptionsConfig extends OptionsComponentExts {
         vue?: FlatConfigItem['rules'];
         jsonc?: FlatConfigItem['rules'];
         react?: FlatConfigItem['rules'];
+        svelte?: FlatConfigItem['rules'];
     };
 }
 

package/dist/index.js

@@ -1,13 +1,13 @@
 // src/index.ts
-import process3 from "process";
-import fs from "fs";
+import process3 from "node:process";
+import fs from "node:fs";
 import { isPackageExists as isPackageExists3 } from "local-pkg";
 
 // src/constants/prettier.ts
 var DEFAULT_PRETTIER_RULES = {
   arrowParens: "avoid",
   htmlWhitespaceSensitivity: "ignore",
-  printWidth: 80,
+  printWidth: 120,
   semi: false,
   singleQuote: true
 };
@@ -46,6 +46,7 @@ var GLOB_JSX = "**/*.?([cm])jsx";
 var GLOB_TS = "**/*.?([cm])ts";
 var GLOB_TSX = "**/*.?([cm])tsx";
 var GLOB_VUE = "**/*.vue";
+var GLOB_SVELTE = "**/*.svelte";
 var GLOB_HTML = "**/*.htm?(l)";
 var GLOB_CSS = "**/*.css";
 var GLOB_POSTCSS = "**/*.{p,post}css";
@@ -412,9 +413,9 @@ async function javascript(options = {}) {
 }
 
 // src/shared/index.ts
-import process from "process";
-import { readFile } from "fs/promises";
-import path from "path";
+import process from "node:process";
+import { readFile } from "node:fs/promises";
+import path from "node:path";
 import { getPackageInfoSync, isPackageExists } from "local-pkg";
 var parserPlain = {
   meta: {
@@ -496,11 +497,10 @@ function resolveSubOptions(options, key) {
   return typeof options[key] === "boolean" ? {} : options[key] || {};
 }
 function getOverrides(options, key) {
-  var _a;
   const sub = resolveSubOptions(options, key);
   return {
-    ...(_a = options.overrides) == null ? void 0 : _a[key],
-    ..."overrides" in sub ? sub.overrides : {}
+    ...options.overrides?.[key],
+    ..."overrides" in sub ? sub.overrides || {} : {}
   };
 }
 
@@ -825,10 +825,14 @@ async function prettier(rules) {
   };
   const configs = [
     {
-      files: GLOB_PRETTIER_LINT,
+      name: "coderwyd:prettier:setup",
       plugins: {
         prettier: pluginPrettier
-      },
+      }
+    },
+    {
+      files: GLOB_PRETTIER_LINT,
+      name: "coderwyd:prettier:rules",
       rules: {
         ...eslintRules,
         "prettier/prettier": ["warn", pRules],
@@ -842,7 +846,7 @@ async function prettier(rules) {
 }
 
 // src/configs/typescript.ts
-import process2 from "process";
+import process2 from "node:process";
 async function typescript(options = {}) {
   const { componentExts = [], overrides = {}, parserOptions = {} } = options;
   const files = options.files ?? [
@@ -850,6 +854,8 @@ async function typescript(options = {}) {
     ...componentExts.map((ext) => `**/*.${ext}`)
   ];
   const filesTypeAware = options.filesTypeAware ?? [GLOB_TS, GLOB_TSX];
+  const tsconfigPath = options?.tsconfigPath ? toArray(options.tsconfigPath) : void 0;
+  const isTypeAware = !!tsconfigPath;
   const typeAwareRules = {
     "dot-notation": "off",
     "no-implied-eval": "off",
@@ -871,34 +877,45 @@ async function typescript(options = {}) {
     "ts/restrict-template-expressions": "error",
     "ts/unbound-method": "error"
   };
-  const tsconfigPath = (options == null ? void 0 : options.tsconfigPath) ? toArray(options.tsconfigPath) : void 0;
   const [pluginTs, parserTs] = await Promise.all([
     interopDefault(import("@typescript-eslint/eslint-plugin")),
     interopDefault(import("@typescript-eslint/parser"))
   ]);
-  return [
-    {
-      // Install the plugins without globs, so they can be configured separately.
-      name: "coderwyd:typescript:setup",
-      plugins: {
-        antfu: default2,
-        ts: pluginTs
-      }
-    },
-    {
-      files,
+  function makeParser(typeAware, files2, ignores2) {
+    return {
+      files: files2,
+      ...ignores2 ? { ignores: ignores2 } : {},
       languageOptions: {
         parser: parserTs,
         parserOptions: {
           extraFileExtensions: componentExts.map((ext) => `.${ext}`),
           sourceType: "module",
-          ...tsconfigPath ? {
+          ...typeAware ? {
             project: tsconfigPath,
             tsconfigRootDir: process2.cwd()
           } : {},
           ...parserOptions
         }
       },
+      name: `coderwyd:typescript:${typeAware ? "type-aware-parser" : "parser"}`
+    };
+  }
+  return [
+    {
+      // Install the plugins without globs, so they can be configured separately.
+      name: "coderwyd:typescript:setup",
+      plugins: {
+        antfu: default2,
+        ts: pluginTs
+      }
+    },
+    // assign type-aware parser for type-aware files and type-unaware parser for the rest
+    ...isTypeAware ? [
+      makeParser(true, filesTypeAware),
+      makeParser(false, files, filesTypeAware)
+    ] : [makeParser(false, files)],
+    {
+      files,
       name: "coderwyd:typescript:rules",
       rules: {
         ...renameRules(
@@ -1028,11 +1045,11 @@ async function unicorn() {
 // src/configs/vue.ts
 async function vue(options = {}) {
   const { files = [GLOB_VUE], overrides = {} } = options;
-  const isVue3 = getVueVersion() === 3;
   const [pluginVue, parserVue] = await Promise.all([
     interopDefault(import("eslint-plugin-vue")),
     interopDefault(import("vue-eslint-parser"))
   ]);
+  const isVue3 = getVueVersion() === 3;
   const configKeys = isVue3 ? ["vue3-essential", "vue3-strongly-recommended", "vue3-recommended"] : ["essential", "strongly-recommended", "recommended"];
   const vueRules = configKeys.reduce((preRules, key) => {
     const config = pluginVue.configs[key];
@@ -1072,7 +1089,7 @@ async function vue(options = {}) {
         "vue/block-order": [
           "error",
           {
-            order: ["script", "template", "style"]
+            order: isVue3 ? ["script", "template", "style"] : ["template", "script", "style"]
           }
         ],
         "vue/component-name-in-template-casing": ["error", "PascalCase"],
@@ -1323,7 +1340,7 @@ async function formatter(options = {}, prettierRules2 = {}) {
       ...prettierRules2,
       parser
     };
-    if (plugins == null ? void 0 : plugins.length) {
+    if (plugins?.length) {
       rules.plugins = [...rules.plugins || [], ...plugins];
     }
     const config = {
@@ -1381,6 +1398,84 @@ async function formatter(options = {}, prettierRules2 = {}) {
   return configs;
 }
 
+// src/configs/svelte.ts
+async function svelte(options = {}) {
+  const { files = [GLOB_SVELTE], overrides = {} } = options;
+  await ensurePackages(["eslint-plugin-svelte"]);
+  const [pluginSvelte, parserSvelte] = await Promise.all([
+    interopDefault(import("eslint-plugin-svelte")),
+    interopDefault(import("svelte-eslint-parser"))
+  ]);
+  return [
+    {
+      name: "coderwyd:svelte:setup",
+      plugins: {
+        svelte: pluginSvelte
+      }
+    },
+    {
+      files,
+      languageOptions: {
+        parser: parserSvelte,
+        parserOptions: {
+          extraFileExtensions: [".svelte"],
+          parser: options.typescript ? await interopDefault(
+            import("@typescript-eslint/parser")
+          ) : null
+        }
+      },
+      name: "coderwyd:svelte:rules",
+      processor: pluginSvelte.processors[".svelte"],
+      rules: {
+        "import/no-mutable-exports": "off",
+        "no-undef": "off",
+        // incompatible with most recent (attribute-form) generic types RFC
+        "no-unused-vars": [
+          "error",
+          {
+            args: "none",
+            caughtErrors: "none",
+            ignoreRestSiblings: true,
+            vars: "all",
+            varsIgnorePattern: "^\\$\\$Props$"
+          }
+        ],
+        "svelte/comment-directive": "error",
+        "svelte/no-at-debug-tags": "warn",
+        "svelte/no-at-html-tags": "error",
+        "svelte/no-dupe-else-if-blocks": "error",
+        "svelte/no-dupe-style-properties": "error",
+        "svelte/no-dupe-use-directives": "error",
+        "svelte/no-dynamic-slot-name": "error",
+        "svelte/no-export-load-in-svelte-module-in-kit-pages": "error",
+        "svelte/no-inner-declarations": "error",
+        "svelte/no-not-function-handler": "error",
+        "svelte/no-object-in-text-mustaches": "error",
+        "svelte/no-reactive-functions": "error",
+        "svelte/no-reactive-literals": "error",
+        "svelte/no-shorthand-style-property-overrides": "error",
+        "svelte/no-unknown-style-directive-property": "error",
+        "svelte/no-unused-svelte-ignore": "error",
+        "svelte/no-useless-mustaches": "error",
+        "svelte/require-store-callbacks-use-set-param": "error",
+        "svelte/system": "error",
+        "svelte/valid-compile": "error",
+        "svelte/valid-each-key": "error",
+        "unused-imports/no-unused-vars": [
+          "error",
+          {
+            args: "after-used",
+            argsIgnorePattern: "^_",
+            vars: "all",
+            varsIgnorePattern: "^(_|\\$\\$Props$)"
+          }
+        ],
+        ...overrides
+      }
+    }
+  ];
+}
+
 // src/index.ts
 var flatConfigProps = [
   "files",
@@ -1399,6 +1494,7 @@ async function defineConfig(options = {}, ...userConfigs) {
     gitignore: enableGitignore = true,
     isInEditor = !!((process3.env.VSCODE_PID || process3.env.JETBRAINS_IDE || process3.env.VIM) && !process3.env.CI),
     react: enableReact = false,
+    svelte: enableSvelte = false,
     typescript: enableTypeScript = isPackageExists3("typescript"),
     unocss: enableUnoCSS = false,
     usePrettierrc = true,
@@ -1407,18 +1503,10 @@ async function defineConfig(options = {}, ...userConfigs) {
   const configs = [];
   if (enableGitignore) {
     if (typeof enableGitignore !== "boolean") {
-      configs.push(
-        interopDefault(import("eslint-config-flat-gitignore")).then((r) => [
-          r(enableGitignore)
-        ])
-      );
+      configs.push(interopDefault(import("eslint-config-flat-gitignore")).then((r) => [r(enableGitignore)]));
     } else {
       if (fs.existsSync(".gitignore"))
-        configs.push(
-          interopDefault(import("eslint-config-flat-gitignore")).then((r) => [
-            r()
-          ])
-        );
+        configs.push(interopDefault(import("eslint-config-flat-gitignore")).then((r) => [r()]));
     }
   }
   configs.push(
@@ -1471,6 +1559,14 @@ async function defineConfig(options = {}, ...userConfigs) {
       })
     );
   }
+  if (enableSvelte) {
+    configs.push(
+      svelte({
+        overrides: getOverrides(options, "svelte"),
+        typescript: !!enableTypeScript
+      })
+    );
+  }
   if (enableUnoCSS) {
     configs.push(
       unocss({
@@ -1495,15 +1591,10 @@ async function defineConfig(options = {}, ...userConfigs) {
     prettierRules2 = { ...prettierRules2, ...options.prettierRules };
   }
   if (usePrettierrc) {
-    const prettierConfig = await loadPrettierConfig(
-      options.cwd ?? process3.cwd()
-    );
+    const prettierConfig = await loadPrettierConfig(options.cwd ?? process3.cwd());
     Object.assign(prettierRules2, prettierConfig);
   }
-  configs.push(
-    prettier(prettierRules2),
-    formatter(options.formatter, prettierRules2)
-  );
+  configs.push(prettier(prettierRules2), formatter(options.formatter, prettierRules2));
   const fusedConfig = flatConfigProps.reduce((acc, key) => {
     if (key in options)
       acc[key] = options[key];

package/package.json

@@ -1,14 +1,19 @@
 {
   "name": "@coderwyd/eslint-config",
   "type": "module",
-  "version": "2.0.3",
+  "version": "2.1.1",
   "packageManager": "pnpm@8.14.1",
   "description": "Donny's ESLint config",
   "author": "Donny Wang <donny526@outlook.com> (https://github.com/coderwyd/)",
   "license": "MIT",
   "homepage": "https://github.com/coderwyd/eslint-config",
   "keywords": [
-    "eslint-config"
+    "eslint",
+    "eslint-config",
+    "eslint-config-vue",
+    "eslint-config-react",
+    "eslint-config-svelte",
+    "prettier"
   ],
   "exports": {
     ".": {
@@ -36,7 +41,9 @@
     "eslint": ">=8.40.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.4"
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "eslint-plugin-svelte": "^2.34.1",
+    "svelte-eslint-parser": "^0.33.1"
   },
   "peerDependenciesMeta": {
     "@unocss/eslint-plugin": {
@@ -50,13 +57,19 @@
     },
     "eslint-plugin-react-refresh": {
       "optional": true
+    },
+    "eslint-plugin-svelte": {
+      "optional": true
+    },
+    "svelte-eslint-parser": {
+      "optional": true
     }
   },
   "dependencies": {
     "@antfu/eslint-define-config": "1.23.0-2",
     "@antfu/install-pkg": "^0.3.1",
     "@eslint-types/jsdoc": "48.0.2",
-    "@eslint-types/typescript-eslint": "^6.17.0",
+    "@eslint-types/typescript-eslint": "^6.18.1",
     "@eslint-types/unicorn": "^50.0.1",
     "@toml-tools/parser": "^1.0.0",
     "@typescript-eslint/eslint-plugin": "^6.18.1",
@@ -67,7 +80,7 @@
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-i": "^2.29.1",
     "eslint-plugin-jsdoc": "^48.0.2",
-    "eslint-plugin-jsonc": "^2.11.2",
+    "eslint-plugin-jsonc": "^2.12.2",
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-perfectionist": "^2.5.0",
@@ -75,13 +88,13 @@
     "eslint-plugin-unicorn": "^50.0.1",
     "eslint-plugin-unused-imports": "^3.0.0",
     "eslint-plugin-vitest": "^0.3.20",
-    "eslint-plugin-vue": "^9.19.2",
+    "eslint-plugin-vue": "^9.20.1",
     "globals": "^13.24.0",
     "jsonc-eslint-parser": "^2.4.0",
     "local-pkg": "^0.5.0",
     "parse-gitignore": "^2.0.0",
     "picocolors": "^1.0.0",
-    "prettier": "^3.1.1",
+    "prettier": "^3.2.4",
     "prettier-plugin-toml": "^2.0.1",
     "prompts": "^2.4.2",
     "vue-eslint-parser": "^9.4.0",
@@ -95,12 +108,13 @@
     "@types/prompts": "^2.4.9",
     "@types/yargs": "^17.0.32",
     "@unocss/eslint-plugin": "^0.58.3",
-    "bumpp": "^9.2.1",
+    "bumpp": "^9.3.0",
     "eslint": "^8.56.0",
-    "eslint-flat-config-viewer": "^0.1.8",
+    "eslint-flat-config-viewer": "^0.1.11",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint-plugin-svelte": "^2.35.1",
     "esno": "^4.0.0",
     "execa": "^8.0.1",
     "fast-glob": "^3.3.2",
@@ -108,6 +122,7 @@
     "lint-staged": "^15.2.0",
     "rimraf": "^5.0.5",
     "simple-git-hooks": "^2.9.0",
+    "svelte-eslint-parser": "^0.33.1",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3"
   },