@fabdeh/eslint-config 0.2.3 → 0.3.0

package/README.md

@@ -9,8 +9,8 @@
 - Designed to work with TypeScript, JSX, etc. Out-of-box.
 - Opinionated, but [very customizable](#customization)
 - [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new), compose easily!
-- Automatic [Angular](#angular), [NGRX](#ngrx), [TailwindCSS](#tailwindcc), [Vitest](#vitest) support when the corresponding dependency is detected.
-<!--- - Optional [formatters](#formatters) support for formatting CSS, HTML, XML, etc. --->
+- Automatic [Angular](#angular), [NGRX](#ngrx), [TypeScript](#typescript), [Vitest](#vitest) support when the corresponding dependency is detected.
+- Optional [formatters](#formatters) support for formatting CSS, HTML, XML, etc.
 - **Style principle**: Minimal for reading, stable for diff, consistent
   - Sorted imports, dangling commas
   - Single quotes, no semi
@@ -49,8 +49,8 @@ For example:
 ```json
 {
   "scripts": {
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
+    "lint": "eslint . --fix",
+    "lint:ci": "eslint ."
   }
 }
 ```
@@ -78,11 +78,27 @@ Add the following settings to your `.vscode/settings.json`:
     "source.organizeImports": "never"
   },
 
-  // Silent the stylistic rules in you IDE, but still auto fix them
+  // Silence the style rules in you IDE, but still fix them automatically
   "eslint.rules.customizations": [{ "rule": "@stylistic/*", "severity": "off", "fixable": true }],
 
   // Enable eslint for all supported languages
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "html"]
+  "eslint.validate": [
+    "css",
+    "html",
+    "javascript",
+    "javascriptreact",
+    "json",
+    "jsonc",
+    "json5",
+    "less",
+    "markdown",
+    "scss",
+    "typescript",
+    "typescriptreact",
+    "toml",
+    "yaml",
+    "xml"
+  ]
 }
 ```
 
@@ -202,6 +218,242 @@ Check out the [configs](https://github.com/FabienDehopre/eslint-config/blob/main
 
 > Thanks to [antfu/eslint-config](https://github.com/antfu/eslint-config) for the inspiration and reference.
 
+### Rules Overrides
+
+All the rules are always bound to one or more file extensions (via minimatch pattern. i.e.: \*_/_.?([cm])[jt]s?(x) for all JS and TS file types including JSX syntax).
+If you want to override the rules, you need to specify the file extension:
+
+```js
+// eslint.config.js
+import { createConfig } from '@fabdeh/eslint-config';
+
+export default createConfig(
+  {
+    typescript: true,
+    vitest: true
+  },
+  {
+    // Remember to specify the file glob here, otherwise it might cause the vitest plugin to handle non-spec files
+    files: ['**/*.spec.?([cm])[jt]s', '**/*.test.?([cm])[jt]s'],
+    rules: {
+      'vitest/consistent-test-it': ['error', { fn: 'it' }],
+    }
+  },
+  {
+    // Without `files`, they are general rules for all files
+    rules: {
+      '@stylistic/semi': ['error', 'never']
+    }
+  }
+);
+```
+
+We also provide the `overrides` option in each integration to make it easier:
+
+```js
+// eslint.config.js
+import { createConfig } from '@fabdeh/eslint-config';
+
+export default createConfig({
+  typescript: {
+    overrides: {
+      '@typescript-eslint/consisten-type-definitions': ['error', 'interface'],
+    },
+  },
+  angular: {
+    tsOverrides: {
+      '@angular-eslint/prefer-signals': 'off',
+    },
+    htmlOverrides: {
+      '@angular-eslint/template/no-any': 'warn',
+    },
+  },
+  yaml: {
+    overrides: {
+      // ...
+    }
+  }
+});
+```
+
+### Auto-detected integrations
+
+The following integrations are automatically enabled if the corresponding package is installed in your project:
+
+- [TypeScript](#typescript)
+- [Angular](#angular)
+- [NgRx](#ngrx)
+- [Vitest](#vitest)
+
+#### TypeScript
+
+Most of TypeScript rules are enable automatically if `typescript` package is installed in you project. Some `@typescript-eslint` rules are also enabled by default for JavaScript files.
+You can explicitly enable/disable TypeScript integration manually:
+
+```js
+// eslint.config.js
+import { createConfig } from '@fabdeh/eslint-config';
+
+export default createConfig({
+  typescript: true,
+});
+```
+
+##### Erasable Syntax Only
+
+The TypeScript integration also allow you to turn on/off rules that will report on using syntax that will not be allowed by TypeScript's [--erasableSyntaxOnly option](https://devblogs.microsoft.com/typescript/announcing-typescript-5-8-beta/#the---erasablesyntaxonly-option):
+
+> Recently, Node.js 23.6 unflagged [experimental support for running TypeScript files directly](https://nodejs.org/api/typescript.html#type-stripping); however, only certain constructs are supported under this mode.
+>
+> ...
+>
+> TypeScript 5.8 introduces the `--erasableSyntaxOnly` flag. When this flag is enabled, TypeScript will only allow you to use constructs that can be erased from a file, and will issue an error if it encounters any constructs that cannot be erased.
+
+You can enable these rules as follow:
+
+```js
+// eslint.config.js
+import { createConfig } from '@fabdeh/eslint-config';
+
+export default createConfig({
+  typescript: {
+    enableErasableSyntaxOnly: true,
+  },
+});
+```
+
+These rules are disabled by default and therefore the associated ESLint plugin is also not installed by default.
+Running `pnpx eslint` should prompt you to install the required plugin; otherwise, you can install it manually:
+
+```bash
+pnpm add -D eslint-plugin-erasable-syntax-only
+```
+
+#### Angular
+
+Angular support is detected automatically by checking if `@angular/core` is installed in your project. You can also explicitly enable/disable it:
+
+```js
+// eslint.config.js
+import { createConfig } from '@fabdeh/eslint-config';
+
+export default createConfig({
+  angular: true,
+});
+```
+
+#### NgRx
+
+NgRx support is also detected automatically if any of the following package is installed in your project.
+
+- `@ngrx/store`
+- `@ngrx/effects`
+- `@ngrx/signals`
+- `@ngrx/operators`
+
+As the Angular integration is can be explicitly enabled/disabled:
+
+```js
+// eslint.config.js
+import { createConfig } from '@fabdeh/eslint-config';
+
+export default createConfig({
+  ngrx: true,
+});
+```
+
+> Of course, NgRx depends on Angular so the Angular integration will be enabled as well.
+
+#### Vitest
+
+The vitest integration is detected automatically by checking if `vitest` is installed in your project. It can be enable/disable manually in the configuration:
+
+```js
+// eslint.config.js
+import { createConfig } from '@fabdeh/eslint-config';
+
+export default createConfig({
+  vitest: true,
+});
+```
+
+### Optional integrations
+
+We provide some optional integrations for specific use cases, that we don't include their dependencies by default.
+
+#### Formatters
+
+Use external formatters to format files that ESLint cannot handle yet (`.css`, `.html`, etc). Powered by [`eslint-plugin-format`](https://github.com/antfu/eslint-plugin-format).
+
+```js
+// eslint.config.js
+import { createConfig } from '@fabdeh/eslint-config';
+
+export default createConfig({
+  formatters: {
+    /**
+     * Format CSS, LESS, SCSS files
+     */
+    css: true,
+    /**
+     * Format HTML files
+     */
+    html: true,
+    /**
+     * Format Markdown files
+     */
+    markdown: true,
+  }
+});
+```
+
+Running `npx eslint` should prompt you to install the required dependencies; otherwise, you can install them manually:
+
+```bash
+pnpm add -D eslint-plugin-format
+```
+
+### Lint Staged
+
+If you want to apply lint and auto-fix before every commit, you can add the following to your `package.json`:
+
+```json
+{
+  "simple-git-hooks": {
+    "pre-commit": "pnpm nano-staged"
+  },
+  "nano-staged": {
+    "*": "eslint --fix"
+  }
+}
+```
+
+and then
+
+```bash
+pnpm add -D nano-staged simple-git-hooks
+
+# then, to activate the hooks
+pnpm simple-git-hooks
+```
+
+## Versioning Policy
+
+This project follows [Semantic Versioning](https://semver.org/) for releases. However, since this is just a config and involves opinions and many moving parts, we don't treat rules changes as breaking changes.
+
+### Changes Considered as Breaking Changes
+
+- Node.js version requirement changes
+- Huge refactors that might break the config
+- Plugins made major changes that might break the config
+- Changes that might affect most of the codebases
+
+### Changes Considered as Non-breaking Changes
+
+- Enable/disable rules and plugins (that might become stricter)
+- Rules options changes
+- Version bumps of dependencies
+
 ## License
 
 [MIT](./LICENSE) License &copy; 2025-PRESENT [Fabien Dehopré](https://github.com/FabienDehopre)

package/dist/index.d.mts

@@ -170,9 +170,9 @@ interface UnicornOptions {
     allRecommended?: boolean;
 }
 /**
- * An alias for the `StylisticCustomizeOptions` type without the `flat`, `name`, and `pluginName` properties.
+ * An alias for the `StylisticCustomizeOptions` type without the `pluginName` property.
  */
-type StylisticConfig = Omit<StylisticCustomizeOptions, 'flat' | 'name' | 'pluginName'>;
+type StylisticConfig = Omit<StylisticCustomizeOptions, 'pluginName'>;
 /**
  * Interface representing the stylistic options.
  */
@@ -191,6 +191,14 @@ interface TypeScriptParserOptions {
      */
     parserOptions?: TSESLint.FlatConfig.ParserOptions;
 }
+interface TypeScriptErasableSyntaxOnlyOptions {
+    /**
+     * Indicates whether the erasable syntax only rules should be enabled or not.
+     *
+     * @default false
+     */
+    enableErasableSyntaxOnly?: boolean;
+}
 /**
  * Options for configuring Angular-specific linting rules.
  */
@@ -289,6 +297,13 @@ interface RegExpOptions {
      */
     level?: 'error' | 'warn';
 }
+interface TailwindcssParserPerGlobOptions {
+    /**
+     * Provides a specific ESLint parser per glob pattern.
+     * This is only needed if you want to lint tailwindcss without using Angular and TypeScript.
+     */
+    parsers?: Record<string, TSESLint.FlatConfig.Parser>;
+}
 /**
  * Options for creating an ESLint configuration.
  *
@@ -313,7 +328,7 @@ interface CreateConfigOptions {
      *
      * @default auto-detected
      */
-    typescript?: boolean | (OverridesOptions & TypeScriptParserOptions);
+    typescript?: boolean | (OverridesOptions & TypeScriptErasableSyntaxOnlyOptions & TypeScriptParserOptions);
     /**
      * Enable stylistic rules.
      *
@@ -355,9 +370,9 @@ interface CreateConfigOptions {
     /**
      * Options for the TailwindCSS linting rules.
      *
-     * @default auto-detect based on dependencies.
+     * @default false
      */
-    tailwindcss?: OverridesOptions | boolean;
+    tailwindcss?: boolean | (FilesOptions & OverridesOptions) | (OverridesOptions & TailwindcssParserPerGlobOptions);
     /**
      * Enable JSONC support.
      *
@@ -543,8 +558,10 @@ declare function ngrx(options?: NgrxOptions): Promise<ConfigArray>;
 declare function perfectionist(): Promise<ConfigArray>;
 
 /**
+ * Configure the recommended regexp rules.
  *
- * @param options
+ * @param options - The options
+ * @returns The ESLint configuration for regexp linting
  */
 declare function regexp(options?: OverridesOptions & RegExpOptions): ConfigArray;
 
@@ -596,7 +613,7 @@ declare function stylistic(options?: StylisticOptions): Promise<ConfigArray>;
  *   },
  * });
  */
-declare function tailwindcss(options?: OverridesOptions): Promise<ConfigArray>;
+declare function tailwindcss(options?: (FilesOptions & OverridesOptions) | (OverridesOptions & TailwindcssParserPerGlobOptions)): Promise<ConfigArray>;
 
 /**
  * Generates an ESLint configuration for TOML files.
@@ -619,7 +636,7 @@ declare function toml(options?: FilesOptions & OverridesOptions & StylisticOptio
  * @param options.overrides - Additional rule overrides.
  * @returns A ConfigArray containing the TypeScript ESLint configuration.
  */
-declare function typescript(options?: OverridesOptions & StylisticOptions & TypeScriptParserOptions): ConfigArray;
+declare function typescript(options?: OverridesOptions & StylisticOptions & TypeScriptErasableSyntaxOnlyOptions & TypeScriptParserOptions): Promise<ConfigArray>;
 
 /**
  * Generates a configuration array for the Unicorn plugin with the specified options.
@@ -758,4 +775,4 @@ type ResolvedOptions<T> = T extends boolean ? never : NonNullable<T>;
  */
 declare function resolveSubOptions<K extends keyof CreateConfigOptions>(options: CreateConfigOptions, key: K): ResolvedOptions<CreateConfigOptions[K]>;
 
-export { type AngularOptions, type Awaitable, type CreateConfigOptions, type FilesOptions, type FormattersOptions, GLOB_HTML, GLOB_JS, GLOB_SRC, GLOB_TESTS, GLOB_TS, type NgrxOperators, type NgrxOptions, type OverridesOptions, type RegExpOptions, type ResolvedOptions, STYLISTIC_CONFIG_DEFAULT, type StylisticConfig, type StylisticOptions, type TestingOptions, type TypeScriptParserOptions, type UnicornOptions, angular, comments, createConfig, ensurePackages, findNearestPackageJsonName, getWorkspaceRoot, ignores, imports, interopDefault, isPackageInScope, javascript, jsdoc, jsonc, markdown, ngrx, perfectionist, regexp, resolveSubOptions, sortPackageJson, sortTsConfig, stylistic, tailwindcss, toml, typescript, unicorn, vitest, yaml };
+export { type AngularOptions, type Awaitable, type CreateConfigOptions, type FilesOptions, type FormattersOptions, GLOB_HTML, GLOB_JS, GLOB_SRC, GLOB_TESTS, GLOB_TS, type NgrxOperators, type NgrxOptions, type OverridesOptions, type RegExpOptions, type ResolvedOptions, STYLISTIC_CONFIG_DEFAULT, type StylisticConfig, type StylisticOptions, type TailwindcssParserPerGlobOptions, type TestingOptions, type TypeScriptErasableSyntaxOnlyOptions, type TypeScriptParserOptions, type UnicornOptions, angular, comments, createConfig, ensurePackages, findNearestPackageJsonName, getWorkspaceRoot, ignores, imports, interopDefault, isPackageInScope, javascript, jsdoc, jsonc, markdown, ngrx, perfectionist, regexp, resolveSubOptions, sortPackageJson, sortTsConfig, stylistic, tailwindcss, toml, typescript, unicorn, vitest, yaml };

package/dist/index.mjs

@@ -38,7 +38,7 @@ const GLOB_XML = "**/*.xml";
 const GLOB_SVG = "**/*.svg";
 const GLOB_GRAPHQL = "**/*.{g,graph}ql";
 const GLOB_HTML = "**/*.htm?(l)";
-const GLOB_TESTS = [`**/*.spec.${GLOB_SRC_EXT}`, `**/*.test.${GLOB_SRC_EXT}`, `**/test-setup.${GLOB_SRC_EXT}`];
+const GLOB_TESTS = [`**/*.spec.?([cm])[jt]s`, `**/*.test.?([cm])[jt]s`, `**/test-setup.?([cm])[jt]s`];
 const GLOB_EXCLUDE = [
   "**/node_modules",
   "**/dist",
@@ -1190,9 +1190,12 @@ const STYLISTIC_CONFIG_DEFAULT = {
   quoteProps: "as-needed"
 };
 async function stylistic(options = {}) {
-  const stylisticOptions = { ...STYLISTIC_CONFIG_DEFAULT, ...options };
+  const stylisticOptions = {
+    ...STYLISTIC_CONFIG_DEFAULT,
+    ...typeof options.stylistic === "boolean" ? {} : options.stylistic
+  };
   const stylisticPlugin = await interopDefault(import('@stylistic/eslint-plugin'));
-  const config = stylisticPlugin.configs.customize({ ...stylisticOptions, flat: true });
+  const config = stylisticPlugin.configs.customize(stylisticOptions);
   return tseslint.config({
     name: "fabdeh/stylistic/rules",
     files: [GLOB_SRC],
@@ -1208,22 +1211,45 @@ async function stylistic(options = {}) {
   });
 }
 
+function isTailwindcssParserPerGlobOptions(options) {
+  return "parsers" in options && options.parsers !== void 0;
+}
 async function tailwindcss(options = {}) {
+  await ensurePackages(["eslint-plugin-tailwindcss"]);
   const tailwindcssPlugin = await interopDefault(import('eslint-plugin-tailwindcss'));
-  const { overrides } = options;
-  return tseslint.config({
-    name: "fabdeh/tailwindcss/rules",
-    plugins: { tailwindcss: tailwindcssPlugin },
-    files: [GLOB_SRC, GLOB_HTML],
-    rules: {
-      "tailwindcss/classnames-order": "error",
-      "tailwindcss/enforces-negative-arbitrary-values": "error",
-      "tailwindcss/enforces-shorthand": "error",
-      "tailwindcss/no-contradicting-classname": "error",
-      "tailwindcss/no-unnecessary-arbitrary-value": "error",
-      ...overrides
+  let files;
+  let parserConfigs;
+  const { overrides = {} } = options;
+  if (isTailwindcssParserPerGlobOptions(options)) {
+    const parsers = options.parsers ?? {};
+    files = { files: [...new Set(Object.keys(parsers))] };
+    parserConfigs = Object.entries(parsers).map(([glob, parser], index) => ({
+      name: `fabdeh/tailwindcss/parser-${index + 1}`,
+      file: [glob],
+      languageOptions: {
+        parser
+      }
+    }));
+  } else {
+    files = { files: options.files ?? [GLOB_SRC, GLOB_HTML] };
+    parserConfigs = [];
+  }
+  return tseslint.config(
+    ...parserConfigs,
+    {
+      name: "fabdeh/tailwindcss/rules",
+      plugins: { tailwindcss: tailwindcssPlugin },
+      ...files,
+      rules: {
+        "tailwindcss/classnames-order": "error",
+        "tailwindcss/enforces-negative-arbitrary-values": "error",
+        "tailwindcss/enforces-shorthand": "error",
+        "tailwindcss/no-contradicting-classname": "error",
+        "tailwindcss/no-unnecessary-arbitrary-value": "error",
+        ...overrides
+      }
     }
-  });
+  );
 }
 
 async function toml(options = {}) {
@@ -1300,8 +1326,16 @@ const memberOrdering = {
   ]
 };
 
-function typescript(options = {}) {
-  const { stylistic = true, parserOptions = {}, overrides = {} } = options;
+async function typescript(options = {}) {
+  const { stylistic = true, parserOptions = {}, overrides = {}, enableErasableSyntaxOnly = false } = options;
+  let erasableSyntaxOnlyPlugin;
+  let erasableSyntaxOnlyRules;
+  if (enableErasableSyntaxOnly) {
+    await ensurePackages(["eslint-plugin-erasable-syntax-only"]);
+    const erasableSyntaxOnly = await interopDefault(import('eslint-plugin-erasable-syntax-only'));
+    erasableSyntaxOnlyPlugin = erasableSyntaxOnly;
+    erasableSyntaxOnlyRules = erasableSyntaxOnly.configs.recommended.rules;
+  }
   return tseslint.config(
     {
       name: "fabdeh/typescript/setup",
@@ -1326,7 +1360,8 @@ function typescript(options = {}) {
       ignores: [`${GLOB_MARKDOWN}/**`],
       plugins: {
         "@typescript-eslint": tseslint.plugin,
-        "unused-imports": unusedImports
+        "unused-imports": unusedImports,
+        ...erasableSyntaxOnlyPlugin ? { "erasable-syntax-only": erasableSyntaxOnlyPlugin } : {}
       },
       rules: {
         ...tseslint.configs.strictTypeChecked.find((c) => c.name === "typescript-eslint/eslint-recommended")?.rules,
@@ -1393,6 +1428,7 @@ function typescript(options = {}) {
         "@typescript-eslint/unbound-method": ["error", { ignoreStatic: true }],
         "@typescript-eslint/unified-signatures": "error",
         "@typescript-eslint/no-unused-vars": "off",
+        ...erasableSyntaxOnlyRules,
         ...overrides
       }
     }
@@ -1632,7 +1668,7 @@ function mergePrettierOptions(options, overrides = {}) {
     /* eslint-enable @typescript-eslint/no-unsafe-assignment */
   };
 }
-async function formatters(options = {}, stylistic = {}) {
+async function formatters(options = {}, stylistic = {}, hasAngularTemplateParser = false) {
   if (options === true) {
     const isPrettierPluginXmlInScope = isPackageInScope("@prettier/plugin-xml");
     options = {
@@ -1729,8 +1765,10 @@ async function formatters(options = {}, stylistic = {}) {
   if (options.html) {
     configs.push({
       name: "fabdeh/formatter/html",
-      languageOptions: {
-        parser: formatPlugin.parserPlain
+      ...hasAngularTemplateParser ? {} : {
+        languageOptions: {
+          parser: formatPlugin.parserPlain
+        }
       },
       files: [GLOB_HTML],
       rules: {
@@ -1851,7 +1889,7 @@ async function createConfig(options = {}, ...userConfigs) {
     gitignore: enableGitignore = true,
     ngrx: enableNgrx = NGRX_PACKAGES.some((p) => isPackageExists(p)),
     regexp: enableRegexp = true,
-    tailwindcss: enableTailwind = isPackageExists("tailwindcss"),
+    tailwindcss: enableTailwind = false,
     typescript: enableTypescript = isPackageExists("typescript"),
     unicorn: enableUnicorn = true,
     vitest: enableVitest = isPackageExists("vitest")
@@ -1946,7 +1984,11 @@ async function createConfig(options = {}, ...userConfigs) {
     configs.push(markdown(markdownOptions));
   }
   if (options.formatters) {
-    configs.push(formatters(options.formatters, typeof stylisticOptions === "boolean" ? {} : stylisticOptions));
+    configs.push(formatters(
+      options.formatters,
+      typeof stylisticOptions === "boolean" ? {} : stylisticOptions,
+      Boolean(enableAngular)
+    ));
   }
   if ("files" in options) {
     throw new Error('[@fabdeh/eslint-config] The first argument should not contain the "files" property as the options are supposed to be global. Place it in the second or later config instead.');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fabdeh/eslint-config",
   "type": "module",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "packageManager": "pnpm@10.4.1",
   "description": "My personal eslint config preset",
   "author": {
@@ -55,16 +55,24 @@
   "peerDependencies": {
     "@prettier/plugin-xml": "^3.4.1",
     "eslint": "^9.20.0",
+    "eslint-plugin-erasable-syntax-only": "^0.2.1",
     "eslint-plugin-format": "^1.0.1",
+    "eslint-plugin-tailwindcss": "^3.18.0",
     "prettier-plugin-slidev": "^1.0.5"
   },
   "peerDependenciesMeta": {
     "@prettier/plugin-xml": {
       "optional": true
     },
+    "eslint-plugin-erasable-syntax-only": {
+      "optional": true
+    },
     "eslint-plugin-format": {
       "optional": true
     },
+    "eslint-plugin-tailwindcss": {
+      "optional": true
+    },
     "prettier-plugin-slidev": {
       "optional": true
     }
@@ -73,10 +81,10 @@
     "@antfu/install-pkg": "^1.0.0",
     "@clack/prompts": "^0.10.0",
     "@eslint-community/eslint-plugin-eslint-comments": "^4.4.1",
-    "@eslint/js": "^9.20.0",
+    "@eslint/js": "^9.21.0",
     "@eslint/markdown": "^6.2.2",
     "@ngrx/eslint-plugin": "^19.0.1",
-    "@stylistic/eslint-plugin": "^3.1.0",
+    "@stylistic/eslint-plugin": "^4.0.1",
     "@typescript-eslint/eslint-plugin": "^8.24.1",
     "@typescript-eslint/parser": "^8.24.1",
     "@typescript-eslint/utils": "^8.24.1",
@@ -92,13 +100,12 @@
     "eslint-plugin-perfectionist": "^4.9.0",
     "eslint-plugin-prefer-arrow-functions": "^3.6.2",
     "eslint-plugin-regexp": "^2.7.0",
-    "eslint-plugin-tailwindcss": "^3.18.0",
     "eslint-plugin-testing-library": "^7.1.1",
     "eslint-plugin-toml": "^0.12.0",
     "eslint-plugin-unicorn": "^57.0.0",
     "eslint-plugin-unused-imports": "^4.1.4",
     "eslint-plugin-yml": "^1.17.0",
-    "globals": "^15.15.0",
+    "globals": "^16.0.0",
     "jsonc-eslint-parser": "^2.4.0",
     "local-pkg": "^1.0.0",
     "toml-eslint-parser": "^0.10.0",
@@ -119,12 +126,14 @@
     "@testing-library/angular": "^17.3.6",
     "@testing-library/jest-dom": "^6.6.3",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.13.4",
+    "@types/node": "^22.13.5",
     "bumpp": "^10.0.3",
     "changelogithub": "^13.12.1",
     "commitizen": "^4.3.1",
-    "eslint": "^9.20.1",
+    "eslint": "^9.21.0",
+    "eslint-plugin-erasable-syntax-only": "^0.2.1",
     "eslint-plugin-format": "^1.0.1",
+    "eslint-plugin-tailwindcss": "^3.18.0",
     "execa": "^9.5.2",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.3.0",