@phaicom/eslint-config 0.1.3 → 0.2.0

package/README.md

@@ -8,8 +8,14 @@ phaicom's ESLint configuration.
 - Modified rules including unicorn, stylistic, Vue, etc.
 - Integrated with [eslint-plugin-readable-tailwind](https://github.com/schoero/eslint-plugin-readable-tailwind).
 
-## Usage
-To enable Tailwind just set the **tailwind** flag to true.
+## Usage with tailwind
+Start by install **eslint-plugin-readable-tailwind**
+
+```bash
+pnpm install -D eslint-plugin-readable-tailwind@beta
+```
+
+And set the **tailwind** flag to true.
 
 ```js
 import phaicom from '@phaicom/eslint-config'

package/dist/index.d.ts

@@ -4,7 +4,11 @@ type EslintConfigReturn = ReturnType<typeof antfu>;
 type UserConfigParams = Parameters<typeof antfu>[1];
 interface OptionsConfig extends OptionsConfig$1, TypedFlatConfigItem {
     /**
-     *
+     * Used phaicom's base rules:
+     * @default true
+     */
+    phaicom?: boolean;
+    /**
      * Used recommended rules:
      * @see https://github.com/schoero/eslint-plugin-readable-tailwind
      * @default false

package/dist/index.js

@@ -1,9 +1,8 @@
 // src/index.ts
 import antfu from "@antfu/eslint-config";
-import pluginReadableTailwind from "eslint-plugin-readable-tailwind";
 
-// src/base.ts
-var baseConfig = {
+// src/configs/base.ts
+var base = {
   name: "phaicom/base",
   rules: {
     "curly": ["error", "all"],
@@ -36,7 +35,7 @@ var baseConfig = {
     "node/prefer-global/process": "off"
   }
 };
-var vueConfig = {
+var vue = {
   name: "phaicom/vue",
   rules: {
     // vue rule customizations
@@ -48,41 +47,44 @@ var vueConfig = {
     "vue/singleline-html-element-content-newline": "off"
   }
 };
+var phaicom = { base, vue };
+var base_default = phaicom;
 
-// src/index.ts
-var eslintConfig = ({ tailwind = false, ...options }, ...configs) => {
-  if (tailwind) {
-    const baseFiles = ["**/*.js"];
-    const frameworkExtensions = {
-      typescript: ["ts"],
-      react: ["jsx", options.typescript && "tsx"],
-      solid: ["jsx", options.typescript && "tsx"],
-      vue: ["vue"],
-      astro: ["astro"],
-      svelte: ["svelte"]
-    };
-    const files = [
-      ...baseFiles,
-      ...Object.entries(frameworkExtensions).filter(([framework]) => options[framework]).flatMap(([, exts]) => exts.filter(Boolean).map((ext) => `**/*.${ext}`))
-    ];
-    configs.unshift({
+// src/configs/tailwind.ts
+import { interopDefault } from "@antfu/eslint-config";
+async function tailwind() {
+  const [
+    pluginTailwind
+  ] = await Promise.all([
+    interopDefault(import("eslint-plugin-readable-tailwind"))
+  ]);
+  return [
+    {
       name: "phaicom/tailwind",
-      files,
       plugins: {
-        "readable-tailwind": pluginReadableTailwind
+        "readable-tailwind": pluginTailwind
       },
       rules: {
         // enable all recommended rules to error
-        ...pluginReadableTailwind.configs.error.rules
+        ...pluginTailwind.configs.error.rules
       }
-    });
-  }
-  const userConfigs = [
-    baseConfig,
-    ...options.vue ? [vueConfig] : []
+    }
   ];
-  options.unicorn = true;
-  return antfu(options, ...userConfigs, ...configs);
+}
+
+// src/index.ts
+var eslintConfig = ({ phaicom: enablePhaicom = true, tailwind: enableTailwind = false, ...options }, ...configs) => {
+  if (enableTailwind) {
+    configs.push(tailwind());
+  }
+  if (enablePhaicom) {
+    options.unicorn = true;
+    configs.push(base_default.base);
+    if (options.vue) {
+      configs.push(base_default.vue);
+    }
+  }
+  return antfu(options, ...configs);
 };
 var index_default = eslintConfig;
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@phaicom/eslint-config",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Phaicom's config based on @antfu/eslint-config",
   "author": "Reawpai Chunsoi <reawpai.chunsoi@gmail.com> (https://github.com/phaicom)",
   "license": "MIT",