@ethang/eslint-config 24.0.0 → 24.0.2

package/src/build/update-rules.ts

@@ -0,0 +1,173 @@
+import type { ConfigOptions } from "./create-config.ts";
+
+import { createConfigFile } from "./create-config-file.ts";
+
+export type ConfigFile = {
+  importString?: string;
+  label?: string;
+  name: string;
+  options?: ConfigOptions;
+};
+
+const defineConfig = 'import { defineConfig } from "eslint/config";';
+
+export const coreFile = [
+  {
+    importString: 'import config from "@ethang/eslint-config/eslint.config.js',
+    label: "Core",
+    name: "core",
+    options: {
+      extraImports: [
+        defineConfig,
+        'import eslintConfigPrettier from "eslint-config-prettier";',
+        'import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";',
+      ],
+      includeIgnores: true,
+      includeLanguageOptions: true,
+      includeReactVersion: true,
+    },
+  },
+  {
+    name: "markdown",
+  },
+  {
+    name: "css",
+  },
+  {
+    name: "json",
+  },
+  {
+    name: "jsonc",
+  },
+  {
+    name: "json5",
+  },
+];
+
+export const htmlFile = [
+  {
+    importString: "@html-eslint/eslint-plugin",
+    label: "HTML",
+    name: "html",
+    options: {
+      extraImports: [defineConfig],
+      includeIgnores: true,
+      includeLanguageOptions: true,
+    },
+  },
+];
+
+const astroFile = [
+  {
+    importString:
+      'import astroConfig from "@ethang/eslint-config/config.astro.ts',
+    label: "Astro",
+    name: "astro",
+    options: {
+      extraImports: [defineConfig],
+      includeIgnores: true,
+      includeLanguageOptions: true,
+    },
+  },
+];
+
+const reactFile = [
+  {
+    importString:
+      'import reactConfig from "@ethang/eslint-config/config.react.ts',
+    label: "React",
+    name: "react",
+    options: {
+      extraImports: [defineConfig],
+      includeIgnores: true,
+      includeLanguageOptions: true,
+      includeReactVersion: true,
+    },
+  },
+];
+
+const solidFile = [
+  {
+    importString:
+      'import solidConfig from "@ethang/eslint-config/config.solid.ts',
+    label: "Solid",
+    name: "solid",
+    options: {
+      extraImports: [defineConfig],
+      includeIgnores: true,
+      includeLanguageOptions: true,
+    },
+  },
+];
+
+const angularFile = [
+  {
+    importString:
+      'import angularConfig from "@ethang/eslint-config/config.angular.ts',
+    label: "Angular",
+    name: "angular",
+    options: {
+      extraImports: [defineConfig, 'import angular from "angular-eslint";'],
+      globalIgnores: ["**/*.spec.ts", "src/main.server.ts"],
+      includeIgnores: true,
+      includeLanguageOptions: true,
+      processor: "angular.processInlineTemplates",
+    },
+  },
+  {
+    name: "angular:template",
+    options: {
+      extraImports: ['import { angularLanguageOptions } from "./constants.js"'],
+      includeAngularLanguageOptions: true,
+      includeLanguageOptions: false,
+    },
+  },
+];
+
+const storybookFile = [
+  {
+    importString:
+      'import storybookConfig from "@ethang/eslint-config/config.storybook.ts',
+    label: "Storybook",
+    name: "storybook",
+    options: {
+      extraImports: [defineConfig],
+      includeIgnores: true,
+      includeLanguageOptions: true,
+    },
+  },
+];
+
+const tailwindFile = [
+  {
+    importString:
+      'import tailwindConfig from "@ethang/eslint-config/config.tailwind.ts',
+    label: "Tailwind",
+    name: "tailwind",
+    options: {
+      extraImports: [defineConfig],
+      extraOptions: "settings: { tailwindcss: { config: pathToConfig } },",
+      includeIgnores: true,
+      includeLanguageOptions: true,
+    },
+  },
+];
+
+export const updateRules = async () => {
+  await Promise.all([
+    createConfigFile(coreFile, "eslint.config.js"),
+    createConfigFile(htmlFile, "config.html.js"),
+    createConfigFile(astroFile, "config.astro.js"),
+    createConfigFile(reactFile, "config.react.js"),
+    createConfigFile(solidFile, "config.solid.js"),
+    createConfigFile(angularFile, "config.angular.js"),
+    createConfigFile(storybookFile, "config.storybook.js"),
+    createConfigFile(
+      tailwindFile,
+      "config.tailwind.js",
+      "/** @type {string} */ pathToConfig",
+    ),
+  ]);
+};
+
+await updateRules();

package/src/config.angular.js

@@ -0,0 +1,122 @@
+// @ts-nocheck
+import { angularLanguageOptions } from "./constants.js";
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import angular from "angular-eslint";
+import angularTemplate from "@angular-eslint/eslint-plugin-template";
+import angularTS from "@angular-eslint/eslint-plugin";
+
+export default defineConfig(
+  {
+    ignores: ["**/*.spec.ts", "src/main.server.ts"],
+  },
+  {
+    files: ["**/*.ts"],
+    ignores,
+    languageOptions,
+    processor: angular.processInlineTemplates,
+    plugins: {
+      "@angular-eslint": angularTS,
+    },
+    rules: {
+      "@angular-eslint/component-class-suffix": "error",
+      "@angular-eslint/component-max-inline-declarations": "error",
+      "@angular-eslint/component-selector": [
+        "error",
+        { prefix: "app", style: "kebab-case", type: "element" },
+      ],
+      "@angular-eslint/consistent-component-styles": "error",
+      "@angular-eslint/contextual-decorator": "error",
+      "@angular-eslint/contextual-lifecycle": "error",
+      "@angular-eslint/directive-class-suffix": "error",
+      "@angular-eslint/directive-selector": [
+        "error",
+        { prefix: "app", style: "camelCase", type: "attribute" },
+      ],
+      "@angular-eslint/no-async-lifecycle-method": "error",
+      "@angular-eslint/no-attribute-decorator": "error",
+      "@angular-eslint/no-developer-preview": "error",
+      "@angular-eslint/no-duplicates-in-metadata-arrays": "error",
+      "@angular-eslint/no-empty-lifecycle-method": "error",
+      "@angular-eslint/no-experimental": "error",
+      "@angular-eslint/no-forward-ref": "error",
+      "@angular-eslint/no-input-prefix": "error",
+      "@angular-eslint/no-input-rename": "error",
+      "@angular-eslint/no-inputs-metadata-property": "error",
+      "@angular-eslint/no-lifecycle-call": "error",
+      "@angular-eslint/no-output-native": "error",
+      "@angular-eslint/no-output-on-prefix": "error",
+      "@angular-eslint/no-output-rename": "error",
+      "@angular-eslint/no-outputs-metadata-property": "error",
+      "@angular-eslint/no-pipe-impure": "error",
+      "@angular-eslint/no-queries-metadata-property": "error",
+      "@angular-eslint/no-uncalled-signals": "error",
+      "@angular-eslint/pipe-prefix": "error",
+      "@angular-eslint/prefer-host-metadata-property": "error",
+      "@angular-eslint/prefer-inject": "error",
+      "@angular-eslint/prefer-on-push-component-change-detection": "error",
+      "@angular-eslint/prefer-output-emitter-ref": "error",
+      "@angular-eslint/prefer-output-readonly": "error",
+      "@angular-eslint/prefer-signal-model": "error",
+      "@angular-eslint/prefer-signals": "error",
+      "@angular-eslint/prefer-standalone": "error",
+      "@angular-eslint/relative-url-prefix": "error",
+      "@angular-eslint/require-lifecycle-on-prototype": "error",
+      "@angular-eslint/require-localize-metadata": "error",
+      "@angular-eslint/runtime-localize": "error",
+      "@angular-eslint/sort-keys-in-type-decorator": "error",
+      "@angular-eslint/sort-lifecycle-methods": "error",
+      "@angular-eslint/use-component-selector": "error",
+      "@angular-eslint/use-component-view-encapsulation": "error",
+      "@angular-eslint/use-injectable-provided-in": "error",
+      "@angular-eslint/use-lifecycle-interface": "error",
+      "@angular-eslint/use-pipe-transform-interface": "error",
+    },
+  },
+  {
+    files: ["**/*.html"],
+    languageOptions: angularLanguageOptions,
+    plugins: {
+      "@angular-eslint/template": angularTemplate,
+    },
+    rules: {
+      "@angular-eslint/template/alt-text": "error",
+      "@angular-eslint/template/attributes-order": "error",
+      "@angular-eslint/template/banana-in-box": "error",
+      "@angular-eslint/template/button-has-type": "error",
+      "@angular-eslint/template/click-events-have-key-events": "error",
+      "@angular-eslint/template/conditional-complexity": "error",
+      "@angular-eslint/template/cyclomatic-complexity": "error",
+      "@angular-eslint/template/elements-content": "error",
+      "@angular-eslint/template/eqeqeq": "error",
+      "@angular-eslint/template/i18n": "off",
+      "@angular-eslint/template/interactive-supports-focus": "error",
+      "@angular-eslint/template/label-has-associated-control": "error",
+      "@angular-eslint/template/mouse-events-have-key-events": "error",
+      "@angular-eslint/template/no-any": "error",
+      "@angular-eslint/template/no-autofocus": "error",
+      "@angular-eslint/template/no-call-expression": "off",
+      "@angular-eslint/template/no-distracting-elements": "error",
+      "@angular-eslint/template/no-duplicate-attributes": "error",
+      "@angular-eslint/template/no-empty-control-flow": "error",
+      "@angular-eslint/template/no-inline-styles": "error",
+      "@angular-eslint/template/no-interpolation-in-attributes": "error",
+      "@angular-eslint/template/no-negated-async": "error",
+      "@angular-eslint/template/no-nested-tags": "error",
+      "@angular-eslint/template/no-positive-tabindex": "error",
+      "@angular-eslint/template/prefer-at-else": "error",
+      "@angular-eslint/template/prefer-at-empty": "error",
+      "@angular-eslint/template/prefer-built-in-pipes": "error",
+      "@angular-eslint/template/prefer-contextual-for-variables": "error",
+      "@angular-eslint/template/prefer-control-flow": "error",
+      "@angular-eslint/template/prefer-ngsrc": "warn",
+      "@angular-eslint/template/prefer-self-closing-tags": "error",
+      "@angular-eslint/template/prefer-static-string-properties": "error",
+      "@angular-eslint/template/prefer-template-literal": "error",
+      "@angular-eslint/template/role-has-required-aria": "error",
+      "@angular-eslint/template/table-scope": "error",
+      "@angular-eslint/template/use-track-by-function": "error",
+      "@angular-eslint/template/valid-aria": "error",
+    },
+  },
+);

package/src/config.astro.js

@@ -0,0 +1,69 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import astro from "eslint-plugin-astro";
+
+export default defineConfig({
+  files: ["**/*.{astro}"],
+  ignores,
+  languageOptions,
+  plugins: {
+    astro: astro,
+  },
+  rules: {
+    "astro/jsx-a11y/alt-text": "error",
+    "astro/jsx-a11y/anchor-ambiguous-text": "error",
+    "astro/jsx-a11y/anchor-has-content": "error",
+    "astro/jsx-a11y/anchor-is-valid": "error",
+    "astro/jsx-a11y/aria-activedescendant-has-tabindex": "error",
+    "astro/jsx-a11y/aria-props": "error",
+    "astro/jsx-a11y/aria-proptypes": "error",
+    "astro/jsx-a11y/aria-role": "error",
+    "astro/jsx-a11y/aria-unsupported-elements": "error",
+    "astro/jsx-a11y/autocomplete-valid": "error",
+    "astro/jsx-a11y/click-events-have-key-events": "error",
+    "astro/jsx-a11y/control-has-associated-label": "error",
+    "astro/jsx-a11y/heading-has-content": "error",
+    "astro/jsx-a11y/html-has-lang": "error",
+    "astro/jsx-a11y/iframe-has-title": "error",
+    "astro/jsx-a11y/img-redundant-alt": "error",
+    "astro/jsx-a11y/interactive-supports-focus": "error",
+    "astro/jsx-a11y/label-has-associated-control": "error",
+    "astro/jsx-a11y/lang": "error",
+    "astro/jsx-a11y/media-has-caption": "error",
+    "astro/jsx-a11y/mouse-events-have-key-events": "error",
+    "astro/jsx-a11y/no-access-key": "error",
+    "astro/jsx-a11y/no-aria-hidden-on-focusable": "error",
+    "astro/jsx-a11y/no-autofocus": "error",
+    "astro/jsx-a11y/no-distracting-elements": "error",
+    "astro/jsx-a11y/no-interactive-element-to-noninteractive-role": "error",
+    "astro/jsx-a11y/no-noninteractive-element-interactions": "error",
+    "astro/jsx-a11y/no-noninteractive-element-to-interactive-role": "error",
+    "astro/jsx-a11y/no-noninteractive-tabindex": "error",
+    "astro/jsx-a11y/no-redundant-roles": "error",
+    "astro/jsx-a11y/no-static-element-interactions": "error",
+    "astro/jsx-a11y/prefer-tag-over-role": "error",
+    "astro/jsx-a11y/role-has-required-aria-props": "error",
+    "astro/jsx-a11y/role-supports-aria-props": "error",
+    "astro/jsx-a11y/scope": "error",
+    "astro/jsx-a11y/tabindex-no-positive": "error",
+    "astro/missing-client-only-directive-value": "error",
+    "astro/no-conflict-set-directives": "error",
+    "astro/no-deprecated-astro-canonicalurl": "error",
+    "astro/no-deprecated-astro-fetchcontent": "error",
+    "astro/no-deprecated-astro-resolve": "error",
+    "astro/no-deprecated-getentrybyslug": "error",
+    "astro/no-exports-from-components": "error",
+    "astro/no-set-html-directive": "off",
+    "astro/no-set-text-directive": "error",
+    "astro/no-unsafe-inline-scripts": "error",
+    "astro/no-unused-css-selector": "error",
+    "astro/no-unused-define-vars-in-style": "error",
+    "astro/prefer-class-list-directive": "error",
+    "astro/prefer-object-class-list": "error",
+    "astro/prefer-split-class-list": "error",
+    "astro/semi": "error",
+    "astro/sort-attributes": "error",
+    "astro/valid-compile": "error",
+  },
+});

package/src/config.html.js

@@ -0,0 +1,73 @@
+import html from "@html-eslint/eslint-plugin";
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+
+import { ignores, languageOptions } from "./constants.js";
+
+export default defineConfig({
+  files: ["**/*.html"],
+  ignores,
+  language: "html/html",
+  languageOptions,
+  plugins: {
+    html,
+  },
+  rules: {
+    "html/attrs-newline": "off",
+    "html/element-newline": "off",
+    "html/id-naming-convention": "error",
+    "html/indent": "off",
+    "html/lowercase": "error",
+    "html/max-element-depth": "error",
+    "html/no-abstract-roles": "error",
+    "html/no-accesskey-attrs": "error",
+    "html/no-aria-hidden-body": "error",
+    "html/no-aria-hidden-on-focusable": "error",
+    "html/no-duplicate-attrs": "error",
+    "html/no-duplicate-class": "error",
+    "html/no-duplicate-id": "error",
+    "html/no-duplicate-in-head": "error",
+    "html/no-empty-headings": "error",
+    "html/no-extra-spacing-attrs": "off",
+    "html/no-extra-spacing-text": "error",
+    "html/no-heading-inside-button": "error",
+    "html/no-ineffective-attrs": "error",
+    "html/no-inline-styles": "error",
+    "html/no-invalid-entity": "error",
+    "html/no-invalid-role": "error",
+    "html/no-multiple-empty-lines": "error",
+    "html/no-multiple-h1": "error",
+    "html/no-nested-interactive": "error",
+    "html/no-non-scalable-viewport": "error",
+    "html/no-obsolete-tags": "error",
+    "html/no-positive-tabindex": "error",
+    "html/no-restricted-attr-values": "error",
+    "html/no-restricted-attrs": "error",
+    "html/no-restricted-tags": "error",
+    "html/no-script-style-type": "error",
+    "html/no-skip-heading-levels": "error",
+    "html/no-target-blank": "error",
+    "html/no-trailing-spaces": "error",
+    "html/no-whitespace-only-children": "error",
+    "html/prefer-https": "error",
+    "html/quotes": "error",
+    "html/require-attrs": "error",
+    "html/require-button-type": "error",
+    "html/require-closing-tags": "off",
+    "html/require-doctype": "error",
+    "html/require-explicit-size": "error",
+    "html/require-form-method": "error",
+    "html/require-frame-title": "error",
+    "html/require-img-alt": "error",
+    "html/require-input-label": "error",
+    "html/require-lang": "error",
+    "html/require-li-container": "error",
+    "html/require-meta-charset": "error",
+    "html/require-meta-description": "error",
+    "html/require-meta-viewport": "error",
+    "html/require-open-graph-protocol": "error",
+    "html/require-title": "error",
+    "html/sort-attrs": "error",
+    "html/use-baseline": "error",
+  },
+});

package/src/config.react.js

@@ -0,0 +1,111 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import react from "@eslint-react/eslint-plugin";
+import reactHooks from "eslint-plugin-react-hooks";
+
+export default defineConfig({
+  files: ["**/*.{jsx,tsx}"],
+  ignores,
+  languageOptions,
+  settings: {
+    react: { version: "19.2.3" },
+  },
+  plugins: {
+    react: react,
+    "react-hooks": reactHooks,
+  },
+  rules: {
+    "react/jsx-dollar": "error",
+    "react/jsx-key-before-spread": "error",
+    "react/jsx-no-comment-textnodes": "error",
+    "react/jsx-no-duplicate-props": "error",
+    "react/jsx-no-iife": "error",
+    "react/jsx-no-undef": "error",
+    "react/jsx-shorthand-boolean": "error",
+    "react/jsx-shorthand-fragment": "error",
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "react/no-access-state-in-setstate": "error",
+    "react/no-array-index-key": "error",
+    "react/no-children-count": "error",
+    "react/no-children-for-each": "error",
+    "react/no-children-map": "error",
+    "react/no-children-only": "error",
+    "react/no-children-prop": "error",
+    "react/no-children-to-array": "error",
+    "react/no-class-component": "error",
+    "react/no-clone-element": "error",
+    "react/no-component-will-mount": "error",
+    "react/no-component-will-receive-props": "error",
+    "react/no-component-will-update": "error",
+    "react/no-context-provider": "error",
+    "react/no-create-ref": "error",
+    "react/no-default-props": "error",
+    "react/no-direct-mutation-state": "error",
+    "react/no-duplicate-key": "error",
+    "react/no-forward-ref": "error",
+    "react/no-implicit-key": "error",
+    "react/no-leaked-conditional-rendering": "error",
+    "react/no-missing-component-display-name": "error",
+    "react/no-missing-context-display-name": "error",
+    "react/no-missing-key": "error",
+    "react/no-misused-capture-owner-stack": "error",
+    "react/no-nested-component-definitions": "error",
+    "react/no-nested-lazy-component-declarations": "error",
+    "react/no-prop-types": "error",
+    "react/no-redundant-should-component-update": "error",
+    "react/no-set-state-in-component-did-mount": "error",
+    "react/no-set-state-in-component-did-update": "error",
+    "react/no-set-state-in-component-will-update": "error",
+    "react/no-string-refs": "error",
+    "react/no-unnecessary-key": "error",
+    "react/no-unnecessary-use-callback": "error",
+    "react/no-unnecessary-use-memo": "error",
+    "react/no-unnecessary-use-prefix": "error",
+    "react/no-unsafe-component-will-mount": "error",
+    "react/no-unsafe-component-will-receive-props": "error",
+    "react/no-unsafe-component-will-update": "error",
+    "react/no-unstable-context-value": "error",
+    "react/no-unstable-default-props": "error",
+    "react/no-unused-class-component-members": "error",
+    "react/no-unused-props": "error",
+    "react/no-unused-state": "error",
+    "react/no-use-context": "error",
+    "react/no-useless-forward-ref": "error",
+    "react/no-useless-fragment": "error",
+    "react/prefer-destructuring-assignment": "error",
+    "react/prefer-namespace-import": "error",
+    "react/prefer-read-only-props": "error",
+    "react/prefer-use-state-lazy-initialization": "error",
+    "react-hooks/automatic-effect-dependencies": "error",
+    "react-hooks/capitalized-calls": "error",
+    "react-hooks/component-hook-factories": "error",
+    "react-hooks/config": "error",
+    "react-hooks/error-boundaries": "error",
+    "react-hooks/exhaustive-deps": "error",
+    "react-hooks/fbt": "error",
+    "react-hooks/fire": "error",
+    "react-hooks/gating": "error",
+    "react-hooks/globals": "error",
+    "react-hooks/hooks": "error",
+    "react-hooks/immutability": "error",
+    "react-hooks/incompatible-library": "error",
+    "react-hooks/invariant": "error",
+    "react-hooks/memoized-effect-dependencies": "error",
+    "react-hooks/no-deriving-state-in-effects": "error",
+    "react-hooks/preserve-manual-memoization": "error",
+    "react-hooks/purity": "error",
+    "react-hooks/refs": "error",
+    "react-hooks/rule-suppression": "error",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/set-state-in-effect": "error",
+    "react-hooks/set-state-in-render": "error",
+    "react-hooks/static-components": "error",
+    "react-hooks/syntax": "error",
+    "react-hooks/todo": "error",
+    "react-hooks/unsupported-syntax": "error",
+    "react-hooks/use-memo": "error",
+    "react-hooks/void-use-memo": "error",
+  },
+});

package/src/config.solid.js

@@ -0,0 +1,34 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import solid from "eslint-plugin-solid";
+
+export default defineConfig({
+  files: ["**/*.{jsx,tsx}"],
+  ignores,
+  languageOptions,
+  plugins: {
+    solid: solid,
+  },
+  rules: {
+    "solid/components-return-once": "error",
+    "solid/event-handlers": "error",
+    "solid/imports": "error",
+    "solid/jsx-no-duplicate-props": "error",
+    "solid/jsx-no-script-url": "error",
+    "solid/jsx-no-undef": "error",
+    "solid/jsx-uses-vars": "error",
+    "solid/no-array-handlers": "error",
+    "solid/no-destructure": "error",
+    "solid/no-innerhtml": "error",
+    "solid/no-proxy-apis": "off",
+    "solid/no-react-deps": "error",
+    "solid/no-react-specific-props": "error",
+    "solid/no-unknown-namespaces": "error",
+    "solid/prefer-for": "error",
+    "solid/prefer-show": "error",
+    "solid/reactivity": "error",
+    "solid/self-closing-comp": "error",
+    "solid/style-prop": "error",
+  },
+});

package/src/config.storybook.js

@@ -0,0 +1,31 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import storybook from "eslint-plugin-storybook";
+
+export default defineConfig({
+  files: ["**/*.stories.@(ts|tsx|js|jsx|mjs|cjs)"],
+  ignores,
+  languageOptions,
+  plugins: {
+    storybook: storybook,
+  },
+  rules: {
+    "storybook/await-interactions": "error",
+    "storybook/context-in-play-function": "error",
+    "storybook/csf-component": "error",
+    "storybook/default-exports": "error",
+    "storybook/hierarchy-separator": "error",
+    "storybook/meta-inline-properties": "error",
+    "storybook/meta-satisfies-type": "error",
+    "storybook/no-redundant-story-name": "error",
+    "storybook/no-renderer-packages": "error",
+    "storybook/no-stories-of": "error",
+    "storybook/no-title-property-in-meta": "error",
+    "storybook/no-uninstalled-addons": "error",
+    "storybook/prefer-pascal-case": "error",
+    "storybook/story-exports": "error",
+    "storybook/use-storybook-expect": "error",
+    "storybook/use-storybook-testing-library": "error",
+  },
+});

package/src/config.tailwind.js

@@ -0,0 +1,28 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import tailwind from "eslint-plugin-tailwindcss";
+
+const config = (/** @type {string} */ pathToConfig) => {
+  return defineConfig({
+    files: ["**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts}"],
+    ignores,
+    languageOptions,
+    plugins: {
+      tailwind: tailwind,
+    },
+    rules: {
+      "tailwind/classnames-order": "error",
+      "tailwind/enforces-negative-arbitrary-values": "error",
+      "tailwind/enforces-shorthand": "error",
+      "tailwind/migration-from-tailwind-2": "error",
+      "tailwind/no-arbitrary-value": "off",
+      "tailwind/no-contradicting-classname": "error",
+      "tailwind/no-custom-classname": "off",
+      "tailwind/no-unnecessary-arbitrary-value": "error",
+    },
+    settings: { tailwindcss: { config: pathToConfig } },
+  });
+};
+
+export default config;

package/src/constants.js

@@ -0,0 +1,16 @@
+import angularTemplateParser from "@angular-eslint/template-parser";
+import { parser } from "typescript-eslint";
+
+export const ignores = ["eslint.config.js", "node_modules", "dist"];
+
+export const languageOptions = {
+  parser,
+  parserOptions: {
+    project: true,
+    tsconfigRootDir: import.meta.dirname,
+  },
+};
+
+export const angularLanguageOptions = {
+  parser: angularTemplateParser,
+};