@coderwyd/eslint-config 2.5.0 → 2.5.2

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.5.0";
+var version = "2.5.2";
 var devDependencies = {
   "@antfu/ni": "^0.21.12",
   "@eslint-react/eslint-plugin": "^1.5.12",
@@ -64,6 +64,7 @@ var devDependencies = {
   "eslint-plugin-react-hooks": "^4.6.2",
   "eslint-plugin-react-refresh": "^0.4.7",
   "eslint-plugin-svelte": "2.39.0",
+  "eslint-plugin-tailwindcss": "^3.16.0",
   execa: "^9.1.0",
   "fast-glob": "^3.3.2",
   "fs-extra": "^11.2.0",

package/dist/cli.js

@@ -17,7 +17,7 @@ import parse from "parse-gitignore";
 import c from "picocolors";
 
 // package.json
-var version = "2.5.0";
+var version = "2.5.2";
 var devDependencies = {
   "@antfu/ni": "^0.21.12",
   "@eslint-react/eslint-plugin": "^1.5.12",
@@ -35,6 +35,7 @@ var devDependencies = {
   "eslint-plugin-react-hooks": "^4.6.2",
   "eslint-plugin-react-refresh": "^0.4.7",
   "eslint-plugin-svelte": "2.39.0",
+  "eslint-plugin-tailwindcss": "^3.16.0",
   execa: "^9.1.0",
   "fast-glob": "^3.3.2",
   "fs-extra": "^11.2.0",

package/dist/index.cjs

@@ -288,9 +288,9 @@ async function javascript(options = {}) {
         "no-new": "error",
         "no-new-func": "error",
         "no-new-native-nonconstructor": "error",
-        "no-new-object": "error",
         "no-new-wrappers": "error",
         "no-obj-calls": "error",
+        "no-object-constructor": "error",
         "no-octal": "error",
         "no-octal-escape": "error",
         "no-proto": "error",
@@ -1283,9 +1283,13 @@ async function vue(options = {}) {
             order: isVue3 ? ["script", "template", "style"] : ["template", "script", "style"]
           }
         ],
+        // 'vue/component-api-style': ['warn', ['script-setup', 'composition']],
         "vue/component-name-in-template-casing": ["error", "PascalCase"],
         "vue/component-options-name-casing": ["error", "PascalCase"],
+        // this is deprecated
+        "vue/component-tags-order": "off",
         "vue/custom-event-name-casing": ["error", "camelCase"],
+        // 'vue/define-emits-declaration': ['warn', 'type-based'],
         "vue/define-macros-order": [
           "error",
           {
@@ -1297,31 +1301,35 @@ async function vue(options = {}) {
             ]
           }
         ],
+        // 'vue/define-props-declaration': ['warn', 'type-based'],
         "vue/dot-location": ["error", "property"],
         "vue/dot-notation": ["error", { allowKeywords: true }],
         "vue/eqeqeq": ["error", "smart"],
         "vue/html-indent": ["error", indent],
+        // 'vue/html-self-closing': [
+        //   'error',
+        //   {
+        //     html: {
+        //       component: 'always',
+        //       normal: 'always',
+        //       void: 'any',
+        //     },
+        //     math: 'always',
+        //     svg: 'always',
+        //   },
         "vue/html-quotes": ["error", "double"],
-        "vue/html-self-closing": [
-          "error",
-          {
-            html: {
-              component: "always",
-              normal: "always",
-              void: "any"
-            },
-            math: "always",
-            svg: "always"
-          }
-        ],
+        // ],
         "vue/max-attributes-per-line": "off",
         "vue/multi-word-component-names": "off",
+        // 'vue/next-tick-style': ['warn', 'promise'],
         "vue/no-constant-condition": "warn",
         "vue/no-dupe-keys": "off",
+        "vue/no-duplicate-attr-inheritance": "warn",
         "vue/no-empty-pattern": "error",
         "vue/no-extra-parens": ["error", "functions"],
         "vue/no-irregular-whitespace": "error",
         "vue/no-loss-of-precision": "error",
+        "vue/no-required-prop-with-default": "warn",
         "vue/no-restricted-syntax": [
           "error",
           "DebuggerStatement",
@@ -1331,9 +1339,14 @@ async function vue(options = {}) {
         "vue/no-restricted-v-bind": ["error", "/^v-/"],
         "vue/no-setup-props-reactivity-loss": "off",
         "vue/no-sparse-arrays": "error",
+        "vue/no-unsupported-features": "warn",
+        "vue/no-unused-emit-declarations": "warn",
         "vue/no-unused-refs": "error",
+        "vue/no-use-v-else-with-v-for": "error",
+        "vue/no-useless-mustaches": "warn",
         "vue/no-useless-v-bind": "error",
         "vue/no-v-html": "off",
+        "vue/no-v-text": "warn",
         "vue/object-shorthand": [
           "error",
           "always",
@@ -1342,10 +1355,21 @@ async function vue(options = {}) {
             ignoreConstructors: false
           }
         ],
+        "vue/prefer-define-options": "warn",
         "vue/prefer-separate-static-class": "error",
         "vue/prefer-template": "error",
         "vue/prop-name-casing": ["error", "camelCase"],
         "vue/require-default-prop": "off",
+        "vue/require-macro-variable-name": [
+          "warn",
+          {
+            defineEmits: "emit",
+            defineProps: "props",
+            defineSlots: "slots",
+            useAttrs: "attrs",
+            useSlots: "slots"
+          }
+        ],
         "vue/require-prop-types": "off",
         "vue/space-infix-ops": "error",
         "vue/space-unary-ops": ["error", { nonwords: false, words: true }],
@@ -1369,6 +1393,7 @@ async function vue(options = {}) {
           "vue/comma-dangle": ["error", "always-multiline"],
           "vue/comma-spacing": ["error", { after: true, before: false }],
           "vue/comma-style": ["error", "last"],
+          "vue/html-comment-content-newline": "warn",
           "vue/html-comment-content-spacing": [
             "error",
             "always",
@@ -1456,8 +1481,20 @@ async function perfectionist() {
 }
 
 // src/configs/react.ts
+var import_local_pkg3 = require("local-pkg");
+
+// src/env.ts
+var import_node_process3 = __toESM(require("process"), 1);
 var import_local_pkg2 = require("local-pkg");
-var ReactRefreshAllowConstantExportPackages = ["vite"];
+var isInEditor = !!((import_node_process3.default.env.VSCODE_PID || import_node_process3.default.env.VSCODE_CWD || import_node_process3.default.env.JETBRAINS_IDE || import_node_process3.default.env.VIM) && !import_node_process3.default.env.CI);
+var hasTypeScript = (0, import_local_pkg2.isPackageExists)("typescript");
+var VueJsPackages = [
+  "vue",
+  "nuxt",
+  "vitepress",
+  "@slidev/cli"
+];
+var hasVue = hasPackages(VueJsPackages);
 var RemixPackages = [
   "@remix-run/node",
   "@remix-run/react",
@@ -1465,6 +1502,14 @@ var RemixPackages = [
   "@remix-run/dev"
 ];
 var NextJsPackages = ["next"];
+var isUsingRemix = hasPackages(RemixPackages);
+var isUsingNext = hasPackages(NextJsPackages);
+function hasPackages(packages) {
+  return packages.some((name) => (0, import_local_pkg2.isPackageExists)(name));
+}
+
+// src/configs/react.ts
+var ReactRefreshAllowConstantExportPackages = ["vite"];
 async function react(options = {}) {
   const { files = [GLOB_JS, GLOB_JSX, GLOB_TS, GLOB_TSX], overrides = {} } = options;
   await ensurePackages([
@@ -1481,10 +1526,8 @@ async function react(options = {}) {
     interopDefault(import("@typescript-eslint/parser"))
   ]);
   const isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some(
-    (i) => (0, import_local_pkg2.isPackageExists)(i)
+    (i) => (0, import_local_pkg3.isPackageExists)(i)
   );
-  const isUsingRemix = RemixPackages.some((i) => (0, import_local_pkg2.isPackageExists)(i));
-  const isUsingNext = NextJsPackages.some((i) => (0, import_local_pkg2.isPackageExists)(i));
   const plugins = pluginReact.configs.all.plugins;
   return [
     {
@@ -1818,6 +1861,7 @@ async function svelte(options = {}) {
 // src/configs/tailwindcss.ts
 async function tailwindcss(options = {}) {
   const { overrides } = options;
+  await ensurePackages(["eslint-plugin-tailwindcss"]);
   const pluginTailwindcss = await interopDefault(
     import("eslint-plugin-tailwindcss")
   );
@@ -1833,7 +1877,7 @@ async function tailwindcss(options = {}) {
         "tailwindcss/enforces-shorthand": "warn",
         "tailwindcss/migration-from-tailwind-2": "warn",
         "tailwindcss/no-arbitrary-value": "off",
-        "tailwindcss/no-contradicting-classname": "error",
+        "tailwindcss/no-contradicting-classname": "warn",
         "tailwindcss/no-custom-classname": "off",
         "tailwindcss/no-unnecessary-arbitrary-value": "warn",
         ...overrides
@@ -1878,15 +1922,6 @@ async function regexp(options = {}) {
   ];
 }
 
-// src/env.ts
-var import_node_process3 = __toESM(require("process"), 1);
-var import_local_pkg3 = require("local-pkg");
-var isInEditor = !!((import_node_process3.default.env.VSCODE_PID || import_node_process3.default.env.VSCODE_CWD || import_node_process3.default.env.JETBRAINS_IDE || import_node_process3.default.env.VIM) && !import_node_process3.default.env.CI);
-var hasTypeScript = (0, import_local_pkg3.isPackageExists)("typescript");
-var hasVue = (0, import_local_pkg3.isPackageExists)("vue") || (0, import_local_pkg3.isPackageExists)("nuxt") || (0, import_local_pkg3.isPackageExists)("vitepress") || (0, import_local_pkg3.isPackageExists)("@slidev/cli");
-var hasUnocss = (0, import_local_pkg3.isPackageExists)("unocss") || (0, import_local_pkg3.isPackageExists)("@unocss/webpack") || (0, import_local_pkg3.isPackageExists)("@unocss/nuxt");
-var hasTailwindCSS = (0, import_local_pkg3.isPackageExists)("tailwindcss") && !hasUnocss;
-
 // src/index.ts
 var flatConfigProps = [
   "name",
@@ -1924,7 +1959,7 @@ async function defineConfig(options = {}, ...userConfigs) {
     react: enableReact = false,
     regexp: enableRegexp = true,
     svelte: enableSvelte = false,
-    tailwindcss: enableTailwindCSS = hasTailwindCSS,
+    tailwindcss: enableTailwindCSS = false,
     typescript: enableTypeScript = hasTypeScript,
     unocss: enableUnoCSS = false,
     vue: enableVue = hasVue

package/dist/index.js

@@ -243,9 +243,9 @@ async function javascript(options = {}) {
         "no-new": "error",
         "no-new-func": "error",
         "no-new-native-nonconstructor": "error",
-        "no-new-object": "error",
         "no-new-wrappers": "error",
         "no-obj-calls": "error",
+        "no-object-constructor": "error",
         "no-octal": "error",
         "no-octal-escape": "error",
         "no-proto": "error",
@@ -1238,9 +1238,13 @@ async function vue(options = {}) {
             order: isVue3 ? ["script", "template", "style"] : ["template", "script", "style"]
           }
         ],
+        // 'vue/component-api-style': ['warn', ['script-setup', 'composition']],
         "vue/component-name-in-template-casing": ["error", "PascalCase"],
         "vue/component-options-name-casing": ["error", "PascalCase"],
+        // this is deprecated
+        "vue/component-tags-order": "off",
         "vue/custom-event-name-casing": ["error", "camelCase"],
+        // 'vue/define-emits-declaration': ['warn', 'type-based'],
         "vue/define-macros-order": [
           "error",
           {
@@ -1252,31 +1256,35 @@ async function vue(options = {}) {
             ]
           }
         ],
+        // 'vue/define-props-declaration': ['warn', 'type-based'],
         "vue/dot-location": ["error", "property"],
         "vue/dot-notation": ["error", { allowKeywords: true }],
         "vue/eqeqeq": ["error", "smart"],
         "vue/html-indent": ["error", indent],
+        // 'vue/html-self-closing': [
+        //   'error',
+        //   {
+        //     html: {
+        //       component: 'always',
+        //       normal: 'always',
+        //       void: 'any',
+        //     },
+        //     math: 'always',
+        //     svg: 'always',
+        //   },
         "vue/html-quotes": ["error", "double"],
-        "vue/html-self-closing": [
-          "error",
-          {
-            html: {
-              component: "always",
-              normal: "always",
-              void: "any"
-            },
-            math: "always",
-            svg: "always"
-          }
-        ],
+        // ],
         "vue/max-attributes-per-line": "off",
         "vue/multi-word-component-names": "off",
+        // 'vue/next-tick-style': ['warn', 'promise'],
         "vue/no-constant-condition": "warn",
         "vue/no-dupe-keys": "off",
+        "vue/no-duplicate-attr-inheritance": "warn",
         "vue/no-empty-pattern": "error",
         "vue/no-extra-parens": ["error", "functions"],
         "vue/no-irregular-whitespace": "error",
         "vue/no-loss-of-precision": "error",
+        "vue/no-required-prop-with-default": "warn",
         "vue/no-restricted-syntax": [
           "error",
           "DebuggerStatement",
@@ -1286,9 +1294,14 @@ async function vue(options = {}) {
         "vue/no-restricted-v-bind": ["error", "/^v-/"],
         "vue/no-setup-props-reactivity-loss": "off",
         "vue/no-sparse-arrays": "error",
+        "vue/no-unsupported-features": "warn",
+        "vue/no-unused-emit-declarations": "warn",
         "vue/no-unused-refs": "error",
+        "vue/no-use-v-else-with-v-for": "error",
+        "vue/no-useless-mustaches": "warn",
         "vue/no-useless-v-bind": "error",
         "vue/no-v-html": "off",
+        "vue/no-v-text": "warn",
         "vue/object-shorthand": [
           "error",
           "always",
@@ -1297,10 +1310,21 @@ async function vue(options = {}) {
             ignoreConstructors: false
           }
         ],
+        "vue/prefer-define-options": "warn",
         "vue/prefer-separate-static-class": "error",
         "vue/prefer-template": "error",
         "vue/prop-name-casing": ["error", "camelCase"],
         "vue/require-default-prop": "off",
+        "vue/require-macro-variable-name": [
+          "warn",
+          {
+            defineEmits: "emit",
+            defineProps: "props",
+            defineSlots: "slots",
+            useAttrs: "attrs",
+            useSlots: "slots"
+          }
+        ],
         "vue/require-prop-types": "off",
         "vue/space-infix-ops": "error",
         "vue/space-unary-ops": ["error", { nonwords: false, words: true }],
@@ -1324,6 +1348,7 @@ async function vue(options = {}) {
           "vue/comma-dangle": ["error", "always-multiline"],
           "vue/comma-spacing": ["error", { after: true, before: false }],
           "vue/comma-style": ["error", "last"],
+          "vue/html-comment-content-newline": "warn",
           "vue/html-comment-content-spacing": [
             "error",
             "always",
@@ -1411,8 +1436,20 @@ async function perfectionist() {
 }
 
 // src/configs/react.ts
+import { isPackageExists as isPackageExists3 } from "local-pkg";
+
+// src/env.ts
+import process3 from "node:process";
 import { isPackageExists as isPackageExists2 } from "local-pkg";
-var ReactRefreshAllowConstantExportPackages = ["vite"];
+var isInEditor = !!((process3.env.VSCODE_PID || process3.env.VSCODE_CWD || process3.env.JETBRAINS_IDE || process3.env.VIM) && !process3.env.CI);
+var hasTypeScript = isPackageExists2("typescript");
+var VueJsPackages = [
+  "vue",
+  "nuxt",
+  "vitepress",
+  "@slidev/cli"
+];
+var hasVue = hasPackages(VueJsPackages);
 var RemixPackages = [
   "@remix-run/node",
   "@remix-run/react",
@@ -1420,6 +1457,14 @@ var RemixPackages = [
   "@remix-run/dev"
 ];
 var NextJsPackages = ["next"];
+var isUsingRemix = hasPackages(RemixPackages);
+var isUsingNext = hasPackages(NextJsPackages);
+function hasPackages(packages) {
+  return packages.some((name) => isPackageExists2(name));
+}
+
+// src/configs/react.ts
+var ReactRefreshAllowConstantExportPackages = ["vite"];
 async function react(options = {}) {
   const { files = [GLOB_JS, GLOB_JSX, GLOB_TS, GLOB_TSX], overrides = {} } = options;
   await ensurePackages([
@@ -1436,10 +1481,8 @@ async function react(options = {}) {
     interopDefault(import("@typescript-eslint/parser"))
   ]);
   const isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some(
-    (i) => isPackageExists2(i)
+    (i) => isPackageExists3(i)
   );
-  const isUsingRemix = RemixPackages.some((i) => isPackageExists2(i));
-  const isUsingNext = NextJsPackages.some((i) => isPackageExists2(i));
   const plugins = pluginReact.configs.all.plugins;
   return [
     {
@@ -1773,6 +1816,7 @@ async function svelte(options = {}) {
 // src/configs/tailwindcss.ts
 async function tailwindcss(options = {}) {
   const { overrides } = options;
+  await ensurePackages(["eslint-plugin-tailwindcss"]);
   const pluginTailwindcss = await interopDefault(
     import("eslint-plugin-tailwindcss")
   );
@@ -1788,7 +1832,7 @@ async function tailwindcss(options = {}) {
         "tailwindcss/enforces-shorthand": "warn",
         "tailwindcss/migration-from-tailwind-2": "warn",
         "tailwindcss/no-arbitrary-value": "off",
-        "tailwindcss/no-contradicting-classname": "error",
+        "tailwindcss/no-contradicting-classname": "warn",
         "tailwindcss/no-custom-classname": "off",
         "tailwindcss/no-unnecessary-arbitrary-value": "warn",
         ...overrides
@@ -1833,15 +1877,6 @@ async function regexp(options = {}) {
   ];
 }
 
-// src/env.ts
-import process3 from "node:process";
-import { isPackageExists as isPackageExists3 } from "local-pkg";
-var isInEditor = !!((process3.env.VSCODE_PID || process3.env.VSCODE_CWD || process3.env.JETBRAINS_IDE || process3.env.VIM) && !process3.env.CI);
-var hasTypeScript = isPackageExists3("typescript");
-var hasVue = isPackageExists3("vue") || isPackageExists3("nuxt") || isPackageExists3("vitepress") || isPackageExists3("@slidev/cli");
-var hasUnocss = isPackageExists3("unocss") || isPackageExists3("@unocss/webpack") || isPackageExists3("@unocss/nuxt");
-var hasTailwindCSS = isPackageExists3("tailwindcss") && !hasUnocss;
-
 // src/index.ts
 var flatConfigProps = [
   "name",
@@ -1879,7 +1914,7 @@ async function defineConfig(options = {}, ...userConfigs) {
     react: enableReact = false,
     regexp: enableRegexp = true,
     svelte: enableSvelte = false,
-    tailwindcss: enableTailwindCSS = hasTailwindCSS,
+    tailwindcss: enableTailwindCSS = false,
     typescript: enableTypeScript = hasTypeScript,
     unocss: enableUnoCSS = false,
     vue: enableVue = hasVue

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coderwyd/eslint-config",
   "type": "module",
-  "version": "2.5.0",
+  "version": "2.5.2",
   "description": "Donny's ESLint config",
   "author": "Donny Wang <donny526@outlook.com> (https://github.com/coderwyd/)",
   "license": "MIT",
@@ -41,6 +41,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
     "eslint-plugin-svelte": "^2.34.1",
+    "eslint-plugin-tailwindcss": "^3.16.0",
     "svelte-eslint-parser": "^0.33.1"
   },
   "peerDependenciesMeta": {
@@ -59,6 +60,9 @@
     "eslint-plugin-svelte": {
       "optional": true
     },
+    "eslint-plugin-tailwindcss": {
+      "optional": true
+    },
     "svelte-eslint-parser": {
       "optional": true
     }
@@ -82,7 +86,6 @@
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-perfectionist": "^2.10.0",
     "eslint-plugin-regexp": "^2.6.0",
-    "eslint-plugin-tailwindcss": "^3.15.2",
     "eslint-plugin-unicorn": "^53.0.0",
     "eslint-plugin-unused-imports": "^3.2.0",
     "eslint-plugin-vitest": "^0.5.4",
@@ -116,6 +119,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-svelte": "2.39.0",
+    "eslint-plugin-tailwindcss": "^3.16.0",
     "execa": "^9.1.0",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",