@xiaohe01/stylelint-config 2.2.1 → 2.3.0

package/dist/index.cjs

@@ -14,6 +14,9 @@ const GLOB_ALL = [
 ];
 
 function core(options = {}) {
+  const {
+    vue = false
+  } = options;
   return [
     {
       name: "xiaohe/core/rules",
@@ -108,6 +111,28 @@ function core(options = {}) {
             ]
           }
         ],
+        ...vue ? {
+          "selector-pseudo-class-no-unknown": [
+            true,
+            {
+              ignorePseudoClasses: [
+                "deep",
+                "global",
+                "slotted"
+              ]
+            }
+          ],
+          "selector-pseudo-element-no-unknown": [
+            true,
+            {
+              ignorePseudoElements: [
+                "v-deep",
+                "v-global",
+                "v-slotted"
+              ]
+            }
+          ]
+        } : {},
         ...options.overrides
       }
     }
@@ -128,11 +153,6 @@ function css(options = {}) {
 
 function html(options = {}) {
   return [
-    {
-      name: "xiaohe/html/setup",
-      files: GLOB_HTML,
-      customSyntax: "postcss-html"
-    },
     {
       name: "xiaohe/html/rules",
       files: GLOB_HTML,
@@ -144,18 +164,16 @@ function html(options = {}) {
 }
 
 function scss(options = {}) {
+  const {
+    vue = false
+  } = options;
   return [
-    {
-      name: "xiaohe/scss/setup",
-      files: GLOB_SCSS,
-      customSyntax: "postcss-scss",
-      plugins: [
-        "stylelint-scss"
-      ]
-    },
     {
       name: "xiaohe/scss/rules",
-      files: GLOB_SCSS,
+      files: [
+        ...GLOB_SCSS,
+        ...vue ? GLOB_VUE : []
+      ],
       rules: {
         "annotation-no-unknown": null,
         "at-rule-no-unknown": null,
@@ -192,51 +210,51 @@ function scss(options = {}) {
   ];
 }
 
-function vue(options = {}) {
+function setup(options = {}) {
   const {
-    scss = false
+    scss = false,
+    html = false,
+    vue = false
   } = options;
-  return [
-    {
+  const overrides = [];
+  if (html) {
+    overrides.push({
+      name: "xiaohe/html/setup",
+      files: GLOB_HTML,
+      customSyntax: "postcss-html"
+    });
+  }
+  if (vue) {
+    overrides.push({
       name: "xiaohe/vue/setup",
       files: GLOB_VUE,
-      customSyntax: "postcss-html"
-    },
+      customSyntax: "postcss-html",
+      plugins: [
+        ...scss ? [
+          "stylelint-scss"
+        ] : []
+      ]
+    });
+  }
+  if (scss) {
+    overrides.push({
+      name: "xiaohe/scss/setup",
+      files: GLOB_SCSS,
+      customSyntax: "postcss-scss",
+      plugins: [
+        "stylelint-scss"
+      ]
+    });
+  }
+  return overrides;
+}
+
+function vue(options = {}) {
+  return [
     {
       name: "xiaohe/vue/rules",
       files: GLOB_VUE,
       rules: {
-        "function-no-unknown": [
-          true,
-          {
-            ignoreFunctions: [
-              "v-bind"
-            ]
-          }
-        ],
-        "selector-pseudo-class-no-unknown": [
-          true,
-          {
-            ignorePseudoClasses: [
-              "deep",
-              "global",
-              "slotted"
-            ]
-          }
-        ],
-        "selector-pseudo-element-no-unknown": [
-          true,
-          {
-            ignorePseudoElements: [
-              "v-deep",
-              "v-global",
-              "v-slotted"
-            ]
-          }
-        ],
-        ...scss ? {
-          "function-no-unknown": null
-        } : {},
         ...options.overrides
       }
     }
@@ -264,20 +282,29 @@ function isPkgExists(pkg) {
 
 function defineConfig(options = {}, ...userOverrides) {
   const {
-    css: enableCss = true,
-    html: enableHtml = true,
     scss: enableScss = isPkgExists(SCSS_PACKAGES),
+    html: enableHtml = true,
     vue: enableVue = isPkgExists(VUE_PACKAGES)
   } = options;
   const overrides = [
+    ...setup({
+      scss: !!enableScss,
+      html: !!enableHtml,
+      vue: !!enableVue
+    }),
     ...core({
-      overrides: getOverrides(options.core)
+      overrides: getOverrides(options.core),
+      vue: !!enableVue
+    }),
+    ...css({
+      overrides: getOverrides(options.css)
     })
   ];
-  if (enableCss) {
+  if (enableScss) {
     overrides.push(
-      ...css({
-        overrides: getOverrides(options.css)
+      ...scss({
+        overrides: getOverrides(options.scss),
+        vue: !!enableVue
       })
     );
   }
@@ -288,18 +315,10 @@ function defineConfig(options = {}, ...userOverrides) {
       })
     );
   }
-  if (enableScss) {
-    overrides.push(
-      ...scss({
-        overrides: getOverrides(options.scss)
-      })
-    );
-  }
   if (enableVue) {
     overrides.push(
       ...vue({
-        overrides: getOverrides(options.vue),
-        scss: !!enableScss
+        overrides: getOverrides(options.vue)
       })
     );
   }

package/dist/index.d.cts

@@ -14,23 +14,21 @@ interface OptionsConfig {
      */
     core?: OptionsOverrides;
     /**
-     * Enable CSS support.
+     * CSS rules.
+     */
+    css?: OptionsOverrides;
+    /**
+     * Enable Scss support.
      *
-     * @default true
+     * @default auto-detect based on the dependencies
      */
-    css?: boolean | OptionsOverrides;
+    scss?: boolean | OptionsOverrides;
     /**
      * Enable HTML support.
      *
      * @default true
      */
     html?: boolean | OptionsOverrides;
-    /**
-     * Enable Scss support.
-     *
-     * @default auto-detect based on the dependencies
-     */
-    scss?: boolean | OptionsOverrides;
     /**
      * Enable Vue support.
      *

package/dist/index.d.mts

@@ -14,23 +14,21 @@ interface OptionsConfig {
      */
     core?: OptionsOverrides;
     /**
-     * Enable CSS support.
+     * CSS rules.
+     */
+    css?: OptionsOverrides;
+    /**
+     * Enable Scss support.
      *
-     * @default true
+     * @default auto-detect based on the dependencies
      */
-    css?: boolean | OptionsOverrides;
+    scss?: boolean | OptionsOverrides;
     /**
      * Enable HTML support.
      *
      * @default true
      */
     html?: boolean | OptionsOverrides;
-    /**
-     * Enable Scss support.
-     *
-     * @default auto-detect based on the dependencies
-     */
-    scss?: boolean | OptionsOverrides;
     /**
      * Enable Vue support.
      *

package/dist/index.d.ts

@@ -14,23 +14,21 @@ interface OptionsConfig {
      */
     core?: OptionsOverrides;
     /**
-     * Enable CSS support.
+     * CSS rules.
+     */
+    css?: OptionsOverrides;
+    /**
+     * Enable Scss support.
      *
-     * @default true
+     * @default auto-detect based on the dependencies
      */
-    css?: boolean | OptionsOverrides;
+    scss?: boolean | OptionsOverrides;
     /**
      * Enable HTML support.
      *
      * @default true
      */
     html?: boolean | OptionsOverrides;
-    /**
-     * Enable Scss support.
-     *
-     * @default auto-detect based on the dependencies
-     */
-    scss?: boolean | OptionsOverrides;
     /**
      * Enable Vue support.
      *

package/dist/index.mjs

@@ -12,6 +12,9 @@ const GLOB_ALL = [
 ];
 
 function core(options = {}) {
+  const {
+    vue = false
+  } = options;
   return [
     {
       name: "xiaohe/core/rules",
@@ -106,6 +109,28 @@ function core(options = {}) {
             ]
           }
         ],
+        ...vue ? {
+          "selector-pseudo-class-no-unknown": [
+            true,
+            {
+              ignorePseudoClasses: [
+                "deep",
+                "global",
+                "slotted"
+              ]
+            }
+          ],
+          "selector-pseudo-element-no-unknown": [
+            true,
+            {
+              ignorePseudoElements: [
+                "v-deep",
+                "v-global",
+                "v-slotted"
+              ]
+            }
+          ]
+        } : {},
         ...options.overrides
       }
     }
@@ -126,11 +151,6 @@ function css(options = {}) {
 
 function html(options = {}) {
   return [
-    {
-      name: "xiaohe/html/setup",
-      files: GLOB_HTML,
-      customSyntax: "postcss-html"
-    },
     {
       name: "xiaohe/html/rules",
       files: GLOB_HTML,
@@ -142,18 +162,16 @@ function html(options = {}) {
 }
 
 function scss(options = {}) {
+  const {
+    vue = false
+  } = options;
   return [
-    {
-      name: "xiaohe/scss/setup",
-      files: GLOB_SCSS,
-      customSyntax: "postcss-scss",
-      plugins: [
-        "stylelint-scss"
-      ]
-    },
     {
       name: "xiaohe/scss/rules",
-      files: GLOB_SCSS,
+      files: [
+        ...GLOB_SCSS,
+        ...vue ? GLOB_VUE : []
+      ],
       rules: {
         "annotation-no-unknown": null,
         "at-rule-no-unknown": null,
@@ -190,51 +208,51 @@ function scss(options = {}) {
   ];
 }
 
-function vue(options = {}) {
+function setup(options = {}) {
   const {
-    scss = false
+    scss = false,
+    html = false,
+    vue = false
   } = options;
-  return [
-    {
+  const overrides = [];
+  if (html) {
+    overrides.push({
+      name: "xiaohe/html/setup",
+      files: GLOB_HTML,
+      customSyntax: "postcss-html"
+    });
+  }
+  if (vue) {
+    overrides.push({
       name: "xiaohe/vue/setup",
       files: GLOB_VUE,
-      customSyntax: "postcss-html"
-    },
+      customSyntax: "postcss-html",
+      plugins: [
+        ...scss ? [
+          "stylelint-scss"
+        ] : []
+      ]
+    });
+  }
+  if (scss) {
+    overrides.push({
+      name: "xiaohe/scss/setup",
+      files: GLOB_SCSS,
+      customSyntax: "postcss-scss",
+      plugins: [
+        "stylelint-scss"
+      ]
+    });
+  }
+  return overrides;
+}
+
+function vue(options = {}) {
+  return [
     {
       name: "xiaohe/vue/rules",
       files: GLOB_VUE,
       rules: {
-        "function-no-unknown": [
-          true,
-          {
-            ignoreFunctions: [
-              "v-bind"
-            ]
-          }
-        ],
-        "selector-pseudo-class-no-unknown": [
-          true,
-          {
-            ignorePseudoClasses: [
-              "deep",
-              "global",
-              "slotted"
-            ]
-          }
-        ],
-        "selector-pseudo-element-no-unknown": [
-          true,
-          {
-            ignorePseudoElements: [
-              "v-deep",
-              "v-global",
-              "v-slotted"
-            ]
-          }
-        ],
-        ...scss ? {
-          "function-no-unknown": null
-        } : {},
         ...options.overrides
       }
     }
@@ -262,20 +280,29 @@ function isPkgExists(pkg) {
 
 function defineConfig(options = {}, ...userOverrides) {
   const {
-    css: enableCss = true,
-    html: enableHtml = true,
     scss: enableScss = isPkgExists(SCSS_PACKAGES),
+    html: enableHtml = true,
     vue: enableVue = isPkgExists(VUE_PACKAGES)
   } = options;
   const overrides = [
+    ...setup({
+      scss: !!enableScss,
+      html: !!enableHtml,
+      vue: !!enableVue
+    }),
     ...core({
-      overrides: getOverrides(options.core)
+      overrides: getOverrides(options.core),
+      vue: !!enableVue
+    }),
+    ...css({
+      overrides: getOverrides(options.css)
     })
   ];
-  if (enableCss) {
+  if (enableScss) {
     overrides.push(
-      ...css({
-        overrides: getOverrides(options.css)
+      ...scss({
+        overrides: getOverrides(options.scss),
+        vue: !!enableVue
       })
     );
   }
@@ -286,18 +313,10 @@ function defineConfig(options = {}, ...userOverrides) {
       })
     );
   }
-  if (enableScss) {
-    overrides.push(
-      ...scss({
-        overrides: getOverrides(options.scss)
-      })
-    );
-  }
   if (enableVue) {
     overrides.push(
       ...vue({
-        overrides: getOverrides(options.vue),
-        scss: !!enableScss
+        overrides: getOverrides(options.vue)
       })
     );
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xiaohe01/stylelint-config",
   "type": "module",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "🤚 Stylelint config preset for xiaohe",
   "author": "xiaohe0601 <xiaohe0601@outlook.com>",
   "license": "MIT",