@tb-dev/eslint-config 4.2.1 → 4.4.0

package/dist/index.cjs

@@ -1,31 +1,12 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-const process = require("node:process");
-const globals = require("globals");
+'use strict';
+
+const process = require('node:process');
+const globals = require('globals');
+
 var Glob = /* @__PURE__ */ ((Glob2) => {
   Glob2["All"] = "**/*.?([cm])[jt]s?(x)";
   Glob2["Javascript"] = "**/*.?([cm])js?(x)";
+  Glob2["Json"] = "**/*.json?([c5])";
   Glob2["Typescript"] = "**/*.?([cm])ts?(x)";
   Glob2["Vitest"] = "**/*.{test,spec}.[jt]s";
   Glob2["Vue"] = "**/*.vue";
@@ -41,16 +22,22 @@ var GlobIgnore = /* @__PURE__ */ ((GlobIgnore2) => {
   GlobIgnore2["Temp"] = "**/?(.)temp";
   return GlobIgnore2;
 })(GlobIgnore || {});
+
 async function interopDefault(promise) {
   const result = await promise;
   return result.default ?? result;
 }
+async function json(path) {
+  return interopDefault(import(path));
+}
 function getIgnores() {
   return Object.values(GlobIgnore);
 }
+
 const stylisticRules = {
   "stylistic/array-bracket-newline": ["error", "consistent"],
   "stylistic/array-bracket-spacing": ["error", "never"],
+  "stylistic/array-element-newline": ["error", "consistent"],
   "stylistic/arrow-parens": ["error", "always"],
   "stylistic/arrow-spacing": "error",
   "stylistic/block-spacing": "error",
@@ -71,7 +58,11 @@ const stylisticRules = {
   "stylistic/function-call-argument-newline": ["error", "consistent"],
   "stylistic/function-call-spacing": ["error", "never"],
   "stylistic/function-paren-newline": ["error", "never"],
-  "stylistic/generator-star-spacing": ["error", { before: false, after: true }],
+  "stylistic/generator-star-spacing": ["error", {
+    before: false,
+    after: true,
+    method: { before: true, after: false }
+  }],
   "stylistic/implicit-arrow-linebreak": ["error", "beside"],
   "stylistic/indent": ["error", 2, { flatTernaryExpressions: true }],
   "stylistic/indent-binary-ops": ["error", 2],
@@ -155,12 +146,12 @@ const stylisticRules = {
 async function stylistic(options) {
   const { overrides, stylistic: enabled } = options;
   if (!enabled) return {};
-  const plugin = await interopDefault(import("@stylistic/eslint-plugin"));
+  const plugin = await interopDefault(import('@stylistic/eslint-plugin'));
   const files = [Glob.All];
   if (options.vue) files.push(Glob.Vue);
   const rules = {
     ...stylisticRules,
-    ...overrides == null ? void 0 : overrides.stylistic
+    ...overrides?.stylistic
   };
   return {
     files,
@@ -168,15 +159,17 @@ async function stylistic(options) {
     rules
   };
 }
+
 async function vue(options) {
   const { overrides, vue: enabled } = options;
   if (!enabled) return [];
   const [vuePlugin, vueParser, tsParser] = await Promise.all([
     // @ts-expect-error no types
-    interopDefault(import("eslint-plugin-vue")),
-    interopDefault(import("vue-eslint-parser")),
-    interopDefault(import("@typescript-eslint/parser"))
+    interopDefault(import('eslint-plugin-vue')),
+    interopDefault(import('vue-eslint-parser')),
+    interopDefault(import('@typescript-eslint/parser'))
   ]);
+  const INLINE_ELEMENTS = await json("eslint-plugin-vue/lib/utils/inline-non-void-elements.json");
   const rules = {
     ...vuePlugin.configs.base.rules,
     "vue/attribute-hyphenation": ["error", "always"],
@@ -207,41 +200,17 @@ async function vue(options) {
     }],
     "vue/define-props-declaration": ["error", "type-based"],
     "vue/enforce-style-attribute": ["error", { allow: ["scoped"] }],
-    "vue/first-attribute-linebreak": "off",
     "vue/html-button-has-type": ["error", {
       button: true,
       submit: true,
       reset: true
     }],
-    "vue/html-closing-bracket-newline": ["error", {
-      singleline: "never",
-      multiline: "always",
-      selfClosingTag: {
-        singleline: "never",
-        multiline: "always"
-      }
-    }],
-    "vue/html-closing-bracket-spacing": ["error", {
-      startTag: "never",
-      endTag: "never",
-      selfClosingTag: "always"
-    }],
-    "vue/html-self-closing": ["error", {
-      html: {
-        void: "never",
-        normal: "always",
-        component: "always"
-      },
-      svg: "always",
-      math: "always"
-    }],
     "vue/match-component-file-name": ["off", {
       extensions: ["tsx", "vue"],
       shouldMatchCase: false
     }],
     "vue/match-component-import-name": "error",
     "vue/multi-word-component-names": "off",
-    "vue/mustache-interpolation-spacing": ["error", "always"],
     "vue/no-arrow-functions-in-watch": "off",
     "vue/no-async-in-computed-properties": "error",
     "vue/no-boolean-default": ["error", "no-default"],
@@ -256,7 +225,6 @@ async function vue(options) {
     "vue/no-expose-after-await": "error",
     "vue/no-lifecycle-after-await": "error",
     "vue/no-lone-template": "error",
-    "vue/no-multi-spaces": "error",
     "vue/no-multiple-objects-in-class": "error",
     "vue/no-mutating-props": "error",
     "vue/no-parsing-error": "error",
@@ -270,7 +238,6 @@ async function vue(options) {
     "vue/no-setup-props-reactivity-loss": "error",
     "vue/no-shared-component-data": "error",
     "vue/no-side-effects-in-computed-properties": "error",
-    "vue/no-spaces-around-equal-signs-in-attribute": "error",
     "vue/no-static-inline-styles": ["error", { allowBinding: false }],
     "vue/no-template-key": "error",
     "vue/no-template-shadow": "error",
@@ -356,12 +323,67 @@ async function vue(options) {
     "vue/valid-v-show": "error",
     "vue/valid-v-slot": "error",
     "vue/valid-v-text": "error",
-    ...overrides == null ? void 0 : overrides.vue
+    ...overrides?.vue
   };
   if (options.stylistic) {
+    Object.assign(rules, {
+      "vue/first-attribute-linebreak": ["error", {
+        singleline: "beside",
+        multiline: "below"
+      }],
+      "vue/html-closing-bracket-newline": ["error", {
+        singleline: "never",
+        multiline: "always",
+        selfClosingTag: {
+          singleline: "never",
+          multiline: "always"
+        }
+      }],
+      "vue/html-closing-bracket-spacing": ["error", {
+        startTag: "never",
+        endTag: "never",
+        selfClosingTag: "always"
+      }],
+      "vue/html-indent": ["error", 2, {
+        attribute: 1,
+        baseIndent: 1,
+        closeBracket: 0,
+        alignAttributesVertically: true,
+        ignores: []
+      }],
+      "vue/html-quotes": ["error", "double", { avoidEscape: false }],
+      "vue/html-self-closing": ["error", {
+        html: {
+          void: "never",
+          normal: "always",
+          component: "always"
+        },
+        svg: "always",
+        math: "always"
+      }],
+      "vue/max-attributes-per-line": ["error", {
+        singleline: Number.MAX_SAFE_INTEGER,
+        multiline: 1
+      }],
+      "vue/multiline-html-element-content-newline": ["error", {
+        ignoreWhenEmpty: true,
+        ignores: ["pre", "textarea", ...INLINE_ELEMENTS],
+        allowEmptyLines: false
+      }],
+      "vue/mustache-interpolation-spacing": ["error", "always"],
+      "vue/no-multi-spaces": ["error", { ignoreProperties: false }],
+      "vue/no-spaces-around-equal-signs-in-attribute": "error",
+      "vue/singleline-html-element-content-newline": ["off", {
+        ignoreWhenNoAttributes: true,
+        ignoreWhenEmpty: true,
+        ignores: ["pre", "textarea", ...INLINE_ELEMENTS],
+        externalIgnores: []
+      }]
+    });
     const vueStylistic = [
       "vue/array-bracket-newline",
       "vue/array-bracket-spacing",
+      "vue/array-element-newline",
       "vue/key-spacing",
       "vue/keyword-spacing",
       "vue/max-len",
@@ -385,9 +407,7 @@ async function vue(options) {
     }, {}));
   }
   return [
-    {
-      plugins: { vue: vuePlugin }
-    },
+    { plugins: { vue: vuePlugin } },
     {
       files: [Glob.Vue],
       languageOptions: {
@@ -409,10 +429,64 @@ async function vue(options) {
     }
   ];
 }
+
+async function jsonc(options) {
+  const { overrides, jsonc: enabled } = options;
+  if (!enabled) return [];
+  const [jsoncPlugin, jsoncParser] = await Promise.all([
+    interopDefault(import('eslint-plugin-jsonc')),
+    interopDefault(import('jsonc-eslint-parser'))
+  ]);
+  const rules = {
+    "jsonc/no-bigint-literals": "error",
+    "jsonc/no-binary-expression": "error",
+    "jsonc/no-binary-numeric-literals": "error",
+    "jsonc/no-infinity": "error",
+    "jsonc/no-nan": "error",
+    "jsonc/no-number-props": "error",
+    "jsonc/no-undefined-value": "error",
+    "jsonc/valid-json-number": "error",
+    ...overrides?.jsonc
+  };
+  if (options.stylistic) {
+    Object.assign(rules, {
+      "jsonc/comma-dangle": ["error", "never"],
+      "jsonc/quotes": ["error", "double", { avoidEscape: false }],
+      "jsonc/space-unary-ops": "error"
+    });
+    const jsoncStylistic = [
+      "jsonc/array-bracket-newline",
+      "jsonc/array-bracket-spacing",
+      "jsonc/array-element-newline",
+      "jsonc/comma-style",
+      "jsonc/indent",
+      "jsonc/key-spacing",
+      "jsonc/object-curly-newline",
+      "jsonc/object-curly-spacing",
+      "jsonc/object-property-newline"
+    ];
+    Object.assign(rules, jsoncStylistic.reduce((acc, rule) => {
+      const name = rule.replace("jsonc/", "stylistic/");
+      if (Object.hasOwn(stylisticRules, name)) {
+        acc[rule] = stylisticRules[name];
+      }
+      return acc;
+    }, {}));
+  }
+  return [
+    { plugins: { jsonc: jsoncPlugin } },
+    {
+      files: [Glob.Json],
+      languageOptions: { parser: jsoncParser }
+    },
+    { rules }
+  ];
+}
+
 async function vitest(options) {
   const { overrides, vitest: enabled } = options;
   if (!enabled) return {};
-  const plugin = await interopDefault(import("eslint-plugin-vitest"));
+  const plugin = await interopDefault(import('eslint-plugin-vitest'));
   return {
     plugins: { vitest: plugin },
     files: [Glob.Vitest],
@@ -448,14 +522,15 @@ async function vitest(options) {
       "vitest/require-top-level-describe": ["error", { maxNumberOfTopLevelDescribes: 10 }],
       "vitest/valid-describe-callback": "error",
       "vitest/valid-expect": "error",
-      ...overrides == null ? void 0 : overrides.vitest
+      ...overrides?.vitest
     }
   };
 }
+
 async function unicorn(options) {
   const { overrides, unicorn: enabled = true } = options;
   if (!enabled) return {};
-  const plugin = await interopDefault(import("eslint-plugin-unicorn"));
+  const plugin = await interopDefault(import('eslint-plugin-unicorn'));
   return {
     plugins: { unicorn: plugin },
     rules: {
@@ -498,10 +573,27 @@ async function unicorn(options) {
       "unicorn/prefer-structured-clone": "error",
       "unicorn/prefer-type-error": "error",
       "unicorn/relative-url-style": ["error", "never"],
-      ...overrides == null ? void 0 : overrides.unicorn
+      ...overrides?.unicorn
     }
   };
 }
+
+async function tailwind(options) {
+  const { overrides, tailwind: enabled } = options;
+  if (!enabled) return {};
+  const plugin = await interopDefault(import('eslint-plugin-tailwindcss'));
+  const rules = {
+    "tailwindcss/classnames-order": "error",
+    "tailwindcss/enforces-shorthand": "error",
+    "tailwindcss/no-contradicting-classname": "error",
+    ...overrides?.tailwind
+  };
+  return {
+    plugins: { tailwindcss: plugin },
+    rules
+  };
+}
+
 function javascript(options) {
   const { overrides } = options;
   const files = [Glob.All];
@@ -641,15 +733,16 @@ function javascript(options) {
       "use-isnan": "error",
       "valid-typeof": "error",
       yoda: ["error", "never"],
-      ...overrides == null ? void 0 : overrides.javascript
+      ...overrides?.javascript
     }
   };
 }
+
 async function typescript(options) {
   const { project, overrides } = options;
   const [tsParser, tsPlugin] = await Promise.all([
-    interopDefault(import("@typescript-eslint/parser")),
-    interopDefault(import("@typescript-eslint/eslint-plugin"))
+    interopDefault(import('@typescript-eslint/parser')),
+    interopDefault(import('@typescript-eslint/eslint-plugin'))
   ]);
   const files = [Glob.Typescript];
   if (options.vue) files.push(Glob.Vue);
@@ -853,7 +946,7 @@ async function typescript(options) {
     "@typescript-eslint/unbound-method": "error",
     "@typescript-eslint/unified-signatures": ["error", { ignoreDifferentlyNamedParameters: true }],
     "@typescript-eslint/use-unknown-in-catch-callback-variable": "error",
-    ...overrides == null ? void 0 : overrides.typescript
+    ...overrides?.typescript
   };
   return {
     files,
@@ -871,10 +964,11 @@ async function typescript(options) {
     rules
   };
 }
+
 async function perfectionist(options) {
   const { overrides, perfectionist: enabled = true } = options;
   if (!enabled) return {};
-  const plugin = await interopDefault(import("eslint-plugin-perfectionist"));
+  const plugin = await interopDefault(import('eslint-plugin-perfectionist'));
   return {
     plugins: { perfectionist: plugin },
     rules: {
@@ -933,10 +1027,11 @@ async function perfectionist(options) {
         order: "asc",
         ignoreCase: true
       }],
-      ...overrides == null ? void 0 : overrides.perfectionist
+      ...overrides?.perfectionist
     }
   };
 }
+
 async function defineConfig(options) {
   const ignores = {
     ignores: [...getIgnores(), ...options.ignores ?? []]
@@ -945,12 +1040,15 @@ async function defineConfig(options) {
     javascript(options),
     typescript(options),
     ...await vue(options),
+    ...await jsonc(options),
+    stylistic(options),
     perfectionist(options),
     unicorn(options),
-    stylistic(options),
     vitest(options),
+    tailwind(options),
     ignores
   ]);
   return objects;
 }
+
 module.exports = defineConfig;

package/dist/index.d.ts

@@ -15,10 +15,14 @@ declare interface ConfigObject {
 }
 
 declare interface ConfigOptions {
+    /** @default false */
+    jsonc?: boolean;
     /** @default true */
     perfectionist?: boolean;
     /** @default false */
     stylistic?: boolean;
+    /** @default false */
+    tailwind?: boolean;
     /** @default true */
     unicorn?: boolean;
     /** @default false */
@@ -30,8 +34,10 @@ declare interface ConfigOptions {
     ignores?: Ignores['ignores'];
     overrides?: {
         javascript?: Rules;
+        jsonc?: Rules;
         perfectionist?: Rules;
         stylistic?: Rules;
+        tailwind?: Rules;
         typescript?: Rules;
         unicorn?: Rules;
         vitest?: Rules;

package/dist/index.js

@@ -1,8 +1,10 @@
-import process from "node:process";
-import globals from "globals";
+import process from 'node:process';
+import globals from 'globals';
+
 var Glob = /* @__PURE__ */ ((Glob2) => {
   Glob2["All"] = "**/*.?([cm])[jt]s?(x)";
   Glob2["Javascript"] = "**/*.?([cm])js?(x)";
+  Glob2["Json"] = "**/*.json?([c5])";
   Glob2["Typescript"] = "**/*.?([cm])ts?(x)";
   Glob2["Vitest"] = "**/*.{test,spec}.[jt]s";
   Glob2["Vue"] = "**/*.vue";
@@ -18,16 +20,22 @@ var GlobIgnore = /* @__PURE__ */ ((GlobIgnore2) => {
   GlobIgnore2["Temp"] = "**/?(.)temp";
   return GlobIgnore2;
 })(GlobIgnore || {});
+
 async function interopDefault(promise) {
   const result = await promise;
   return result.default ?? result;
 }
+async function json(path) {
+  return interopDefault(import(path, { with: { type: "json" } }));
+}
 function getIgnores() {
   return Object.values(GlobIgnore);
 }
+
 const stylisticRules = {
   "stylistic/array-bracket-newline": ["error", "consistent"],
   "stylistic/array-bracket-spacing": ["error", "never"],
+  "stylistic/array-element-newline": ["error", "consistent"],
   "stylistic/arrow-parens": ["error", "always"],
   "stylistic/arrow-spacing": "error",
   "stylistic/block-spacing": "error",
@@ -48,7 +56,11 @@ const stylisticRules = {
   "stylistic/function-call-argument-newline": ["error", "consistent"],
   "stylistic/function-call-spacing": ["error", "never"],
   "stylistic/function-paren-newline": ["error", "never"],
-  "stylistic/generator-star-spacing": ["error", { before: false, after: true }],
+  "stylistic/generator-star-spacing": ["error", {
+    before: false,
+    after: true,
+    method: { before: true, after: false }
+  }],
   "stylistic/implicit-arrow-linebreak": ["error", "beside"],
   "stylistic/indent": ["error", 2, { flatTernaryExpressions: true }],
   "stylistic/indent-binary-ops": ["error", 2],
@@ -132,12 +144,12 @@ const stylisticRules = {
 async function stylistic(options) {
   const { overrides, stylistic: enabled } = options;
   if (!enabled) return {};
-  const plugin = await interopDefault(import("@stylistic/eslint-plugin"));
+  const plugin = await interopDefault(import('@stylistic/eslint-plugin'));
   const files = [Glob.All];
   if (options.vue) files.push(Glob.Vue);
   const rules = {
     ...stylisticRules,
-    ...overrides == null ? void 0 : overrides.stylistic
+    ...overrides?.stylistic
   };
   return {
     files,
@@ -145,15 +157,17 @@ async function stylistic(options) {
     rules
   };
 }
+
 async function vue(options) {
   const { overrides, vue: enabled } = options;
   if (!enabled) return [];
   const [vuePlugin, vueParser, tsParser] = await Promise.all([
     // @ts-expect-error no types
-    interopDefault(import("eslint-plugin-vue")),
-    interopDefault(import("vue-eslint-parser")),
-    interopDefault(import("@typescript-eslint/parser"))
+    interopDefault(import('eslint-plugin-vue')),
+    interopDefault(import('vue-eslint-parser')),
+    interopDefault(import('@typescript-eslint/parser'))
   ]);
+  const INLINE_ELEMENTS = await json("eslint-plugin-vue/lib/utils/inline-non-void-elements.json");
   const rules = {
     ...vuePlugin.configs.base.rules,
     "vue/attribute-hyphenation": ["error", "always"],
@@ -184,41 +198,17 @@ async function vue(options) {
     }],
     "vue/define-props-declaration": ["error", "type-based"],
     "vue/enforce-style-attribute": ["error", { allow: ["scoped"] }],
-    "vue/first-attribute-linebreak": "off",
     "vue/html-button-has-type": ["error", {
       button: true,
       submit: true,
       reset: true
     }],
-    "vue/html-closing-bracket-newline": ["error", {
-      singleline: "never",
-      multiline: "always",
-      selfClosingTag: {
-        singleline: "never",
-        multiline: "always"
-      }
-    }],
-    "vue/html-closing-bracket-spacing": ["error", {
-      startTag: "never",
-      endTag: "never",
-      selfClosingTag: "always"
-    }],
-    "vue/html-self-closing": ["error", {
-      html: {
-        void: "never",
-        normal: "always",
-        component: "always"
-      },
-      svg: "always",
-      math: "always"
-    }],
     "vue/match-component-file-name": ["off", {
       extensions: ["tsx", "vue"],
       shouldMatchCase: false
     }],
     "vue/match-component-import-name": "error",
     "vue/multi-word-component-names": "off",
-    "vue/mustache-interpolation-spacing": ["error", "always"],
     "vue/no-arrow-functions-in-watch": "off",
     "vue/no-async-in-computed-properties": "error",
     "vue/no-boolean-default": ["error", "no-default"],
@@ -233,7 +223,6 @@ async function vue(options) {
     "vue/no-expose-after-await": "error",
     "vue/no-lifecycle-after-await": "error",
     "vue/no-lone-template": "error",
-    "vue/no-multi-spaces": "error",
     "vue/no-multiple-objects-in-class": "error",
     "vue/no-mutating-props": "error",
     "vue/no-parsing-error": "error",
@@ -247,7 +236,6 @@ async function vue(options) {
     "vue/no-setup-props-reactivity-loss": "error",
     "vue/no-shared-component-data": "error",
     "vue/no-side-effects-in-computed-properties": "error",
-    "vue/no-spaces-around-equal-signs-in-attribute": "error",
     "vue/no-static-inline-styles": ["error", { allowBinding: false }],
     "vue/no-template-key": "error",
     "vue/no-template-shadow": "error",
@@ -333,12 +321,67 @@ async function vue(options) {
     "vue/valid-v-show": "error",
     "vue/valid-v-slot": "error",
     "vue/valid-v-text": "error",
-    ...overrides == null ? void 0 : overrides.vue
+    ...overrides?.vue
   };
   if (options.stylistic) {
+    Object.assign(rules, {
+      "vue/first-attribute-linebreak": ["error", {
+        singleline: "beside",
+        multiline: "below"
+      }],
+      "vue/html-closing-bracket-newline": ["error", {
+        singleline: "never",
+        multiline: "always",
+        selfClosingTag: {
+          singleline: "never",
+          multiline: "always"
+        }
+      }],
+      "vue/html-closing-bracket-spacing": ["error", {
+        startTag: "never",
+        endTag: "never",
+        selfClosingTag: "always"
+      }],
+      "vue/html-indent": ["error", 2, {
+        attribute: 1,
+        baseIndent: 1,
+        closeBracket: 0,
+        alignAttributesVertically: true,
+        ignores: []
+      }],
+      "vue/html-quotes": ["error", "double", { avoidEscape: false }],
+      "vue/html-self-closing": ["error", {
+        html: {
+          void: "never",
+          normal: "always",
+          component: "always"
+        },
+        svg: "always",
+        math: "always"
+      }],
+      "vue/max-attributes-per-line": ["error", {
+        singleline: Number.MAX_SAFE_INTEGER,
+        multiline: 1
+      }],
+      "vue/multiline-html-element-content-newline": ["error", {
+        ignoreWhenEmpty: true,
+        ignores: ["pre", "textarea", ...INLINE_ELEMENTS],
+        allowEmptyLines: false
+      }],
+      "vue/mustache-interpolation-spacing": ["error", "always"],
+      "vue/no-multi-spaces": ["error", { ignoreProperties: false }],
+      "vue/no-spaces-around-equal-signs-in-attribute": "error",
+      "vue/singleline-html-element-content-newline": ["off", {
+        ignoreWhenNoAttributes: true,
+        ignoreWhenEmpty: true,
+        ignores: ["pre", "textarea", ...INLINE_ELEMENTS],
+        externalIgnores: []
+      }]
+    });
     const vueStylistic = [
       "vue/array-bracket-newline",
       "vue/array-bracket-spacing",
+      "vue/array-element-newline",
       "vue/key-spacing",
       "vue/keyword-spacing",
       "vue/max-len",
@@ -362,9 +405,7 @@ async function vue(options) {
     }, {}));
   }
   return [
-    {
-      plugins: { vue: vuePlugin }
-    },
+    { plugins: { vue: vuePlugin } },
     {
       files: [Glob.Vue],
       languageOptions: {
@@ -386,10 +427,64 @@ async function vue(options) {
     }
   ];
 }
+
+async function jsonc(options) {
+  const { overrides, jsonc: enabled } = options;
+  if (!enabled) return [];
+  const [jsoncPlugin, jsoncParser] = await Promise.all([
+    interopDefault(import('eslint-plugin-jsonc')),
+    interopDefault(import('jsonc-eslint-parser'))
+  ]);
+  const rules = {
+    "jsonc/no-bigint-literals": "error",
+    "jsonc/no-binary-expression": "error",
+    "jsonc/no-binary-numeric-literals": "error",
+    "jsonc/no-infinity": "error",
+    "jsonc/no-nan": "error",
+    "jsonc/no-number-props": "error",
+    "jsonc/no-undefined-value": "error",
+    "jsonc/valid-json-number": "error",
+    ...overrides?.jsonc
+  };
+  if (options.stylistic) {
+    Object.assign(rules, {
+      "jsonc/comma-dangle": ["error", "never"],
+      "jsonc/quotes": ["error", "double", { avoidEscape: false }],
+      "jsonc/space-unary-ops": "error"
+    });
+    const jsoncStylistic = [
+      "jsonc/array-bracket-newline",
+      "jsonc/array-bracket-spacing",
+      "jsonc/array-element-newline",
+      "jsonc/comma-style",
+      "jsonc/indent",
+      "jsonc/key-spacing",
+      "jsonc/object-curly-newline",
+      "jsonc/object-curly-spacing",
+      "jsonc/object-property-newline"
+    ];
+    Object.assign(rules, jsoncStylistic.reduce((acc, rule) => {
+      const name = rule.replace("jsonc/", "stylistic/");
+      if (Object.hasOwn(stylisticRules, name)) {
+        acc[rule] = stylisticRules[name];
+      }
+      return acc;
+    }, {}));
+  }
+  return [
+    { plugins: { jsonc: jsoncPlugin } },
+    {
+      files: [Glob.Json],
+      languageOptions: { parser: jsoncParser }
+    },
+    { rules }
+  ];
+}
+
 async function vitest(options) {
   const { overrides, vitest: enabled } = options;
   if (!enabled) return {};
-  const plugin = await interopDefault(import("eslint-plugin-vitest"));
+  const plugin = await interopDefault(import('eslint-plugin-vitest'));
   return {
     plugins: { vitest: plugin },
     files: [Glob.Vitest],
@@ -425,14 +520,15 @@ async function vitest(options) {
       "vitest/require-top-level-describe": ["error", { maxNumberOfTopLevelDescribes: 10 }],
       "vitest/valid-describe-callback": "error",
       "vitest/valid-expect": "error",
-      ...overrides == null ? void 0 : overrides.vitest
+      ...overrides?.vitest
     }
   };
 }
+
 async function unicorn(options) {
   const { overrides, unicorn: enabled = true } = options;
   if (!enabled) return {};
-  const plugin = await interopDefault(import("eslint-plugin-unicorn"));
+  const plugin = await interopDefault(import('eslint-plugin-unicorn'));
   return {
     plugins: { unicorn: plugin },
     rules: {
@@ -475,10 +571,27 @@ async function unicorn(options) {
       "unicorn/prefer-structured-clone": "error",
       "unicorn/prefer-type-error": "error",
       "unicorn/relative-url-style": ["error", "never"],
-      ...overrides == null ? void 0 : overrides.unicorn
+      ...overrides?.unicorn
     }
   };
 }
+
+async function tailwind(options) {
+  const { overrides, tailwind: enabled } = options;
+  if (!enabled) return {};
+  const plugin = await interopDefault(import('eslint-plugin-tailwindcss'));
+  const rules = {
+    "tailwindcss/classnames-order": "error",
+    "tailwindcss/enforces-shorthand": "error",
+    "tailwindcss/no-contradicting-classname": "error",
+    ...overrides?.tailwind
+  };
+  return {
+    plugins: { tailwindcss: plugin },
+    rules
+  };
+}
+
 function javascript(options) {
   const { overrides } = options;
   const files = [Glob.All];
@@ -618,15 +731,16 @@ function javascript(options) {
       "use-isnan": "error",
       "valid-typeof": "error",
       yoda: ["error", "never"],
-      ...overrides == null ? void 0 : overrides.javascript
+      ...overrides?.javascript
     }
   };
 }
+
 async function typescript(options) {
   const { project, overrides } = options;
   const [tsParser, tsPlugin] = await Promise.all([
-    interopDefault(import("@typescript-eslint/parser")),
-    interopDefault(import("@typescript-eslint/eslint-plugin"))
+    interopDefault(import('@typescript-eslint/parser')),
+    interopDefault(import('@typescript-eslint/eslint-plugin'))
   ]);
   const files = [Glob.Typescript];
   if (options.vue) files.push(Glob.Vue);
@@ -830,7 +944,7 @@ async function typescript(options) {
     "@typescript-eslint/unbound-method": "error",
     "@typescript-eslint/unified-signatures": ["error", { ignoreDifferentlyNamedParameters: true }],
     "@typescript-eslint/use-unknown-in-catch-callback-variable": "error",
-    ...overrides == null ? void 0 : overrides.typescript
+    ...overrides?.typescript
   };
   return {
     files,
@@ -848,10 +962,11 @@ async function typescript(options) {
     rules
   };
 }
+
 async function perfectionist(options) {
   const { overrides, perfectionist: enabled = true } = options;
   if (!enabled) return {};
-  const plugin = await interopDefault(import("eslint-plugin-perfectionist"));
+  const plugin = await interopDefault(import('eslint-plugin-perfectionist'));
   return {
     plugins: { perfectionist: plugin },
     rules: {
@@ -910,10 +1025,11 @@ async function perfectionist(options) {
         order: "asc",
         ignoreCase: true
       }],
-      ...overrides == null ? void 0 : overrides.perfectionist
+      ...overrides?.perfectionist
     }
   };
 }
+
 async function defineConfig(options) {
   const ignores = {
     ignores: [...getIgnores(), ...options.ignores ?? []]
@@ -922,14 +1038,15 @@ async function defineConfig(options) {
     javascript(options),
     typescript(options),
     ...await vue(options),
+    ...await jsonc(options),
+    stylistic(options),
     perfectionist(options),
     unicorn(options),
-    stylistic(options),
     vitest(options),
+    tailwind(options),
     ignores
   ]);
   return objects;
 }
-export {
-  defineConfig as default
-};
+
+export { defineConfig as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/eslint-config",
-  "version": "4.2.1",
+  "version": "4.4.0",
   "description": "ESLint config",
   "license": "MIT",
   "type": "module",
@@ -13,6 +13,13 @@
   "bugs": {
     "url": "https://github.com/ferreira-tb/eslint-config/issues"
   },
+  "keywords": [
+    "eslint",
+    "eslint-config",
+    "typescript",
+    "stylistic",
+    "vue"
+  ],
   "lint-staged": {
     "*.{?(c|m)@(j|t)s,css,vue,md,json}": "eslint --config eslint.config.js --fix"
   },
@@ -20,7 +27,9 @@
     "@stylistic/eslint-plugin": "^2.3.0",
     "@typescript-eslint/eslint-plugin": "^7.17.0",
     "@typescript-eslint/parser": "^7.17.0",
+    "eslint-plugin-jsonc": "^2.16.0",
     "eslint-plugin-perfectionist": "^3.0.0",
+    "eslint-plugin-tailwindcss": "^3.17.4",
     "eslint-plugin-unicorn": "^54.0.0",
     "eslint-plugin-vitest": "^0.5.4",
     "eslint-plugin-vue": "^9.27.0",
@@ -43,7 +52,7 @@
     "typescript": "^5.4.0"
   },
   "engines": {
-    "node": ">=20"
+    "node": ">=22"
   },
   "files": [
     "dist/**/*"