@fullstacksjs/eslint-config 11.3.3 → 11.4.0

package/README.md

@@ -62,7 +62,7 @@ interface Options {
     cypress?: boolean; // controls cypress plugin
     playwright?: boolean // controls playwright plugin
     storybook?: boolean; // controls storybook plugin
-    tailwind?: boolean; // controls tailwindcss plugin
+    tailwind?: boolean | { callee?: string[] }; // controls tailwindcss plugin
     next?: boolean; // controls next plugin
     prettier?: boolean; // controls prettier plugin
     disableExpensiveRules?: boolean; // controls expensive rules

package/cjs/index.js

@@ -62,6 +62,9 @@ const defaultOptions = {
  */
 function init(initOptions = {}, ...extend) {
   const options = (0, _deepmerge.default)(defaultOptions, initOptions);
+  if (options.tailwind === true) {
+    options.tailwind = {};
+  }
   if (options.typescript === true) {
     options.typescript = {};
   }

package/cjs/modules/tailwind.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-/** @return { Promise<import('eslint').Linter.Config> } */
-async function tailwind() {
+/**
+ * @param { import('../option').Options } options
+ * @return { Promise<import('eslint').Linter.Config> }
+ */
+async function tailwind(options = {}) {
   const plugin = await Promise.resolve().then(() => require('eslint-plugin-tailwindcss'));
   return {
     plugins: {
       tailwindcss: plugin.default ?? plugin
     },
+    settings: {
+      tailwindcss: {
+        callees: options.callees ?? ['cva', 'classnames', 'classNames', 'class', 'clsx', 'cn', 'cns', 'cx']
+      }
+    },
     rules: {
       'tailwindcss/classnames-order': 'warn',
       'tailwindcss/enforces-negative-arbitrary-values': 'warn',

package/cjs/option.d.ts

@@ -4,7 +4,7 @@ export interface Options extends Linter.Config {
   react?: boolean;
   sort?: boolean;
   next?: boolean;
-  tailwind?: boolean;
+  tailwind?: boolean | { callees: string[] };
   node?: boolean;
   strict?: boolean;
   import?: { internalRegExp?: string; lifetime?: number; projects?: string | string[] } | boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullstacksjs/eslint-config",
-  "version": "11.3.3",
+  "version": "11.4.0",
   "license": "MIT",
   "author": "fullstacks <fullstacksjs@gmail.com>",
   "description": "fullstacks eslint config",

package/src/index.mjs

@@ -55,6 +55,10 @@ const defaultOptions = {
  */
 export function init(initOptions = {}, ...extend) {
   const options = merge(defaultOptions, initOptions);
+
+  if (options.tailwind === true) {
+    options.tailwind = {};
+  }
   if (options.typescript === true) {
     options.typescript = {};
   }

package/src/modules/tailwind.mjs

@@ -1,8 +1,16 @@
-/** @return { Promise<import('eslint').Linter.Config> } */
-async function tailwind() {
+/**
+ * @param { import('../option').Options } options
+ * @return { Promise<import('eslint').Linter.Config> }
+ */
+async function tailwind(options = {}) {
   const plugin = await import('eslint-plugin-tailwindcss');
   return {
     plugins: { tailwindcss: plugin.default ?? plugin },
+    settings: {
+      tailwindcss: {
+        callees: options.callees ?? ['cva', 'classnames', 'classNames', 'class', 'clsx', 'cn', 'cns', 'cx'],
+      },
+    },
     rules: {
       'tailwindcss/classnames-order': 'warn',
       'tailwindcss/enforces-negative-arbitrary-values': 'warn',

package/src/option.d.ts

@@ -4,7 +4,7 @@ export interface Options extends Linter.Config {
   react?: boolean;
   sort?: boolean;
   next?: boolean;
-  tailwind?: boolean;
+  tailwind?: boolean | { callees: string[] };
   node?: boolean;
   strict?: boolean;
   import?: { internalRegExp?: string; lifetime?: number; projects?: string | string[] } | boolean;