feat: vue sfc css rule

bfehub · Nov 1, 2024 · f3c8b82 · f3c8b82
1 parent 9cd4c45
commit f3c8b82
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/stylelint-config-basic/index.js b/packages/stylelint-config-basic/index.js
@@ -40,7 +40,7 @@ export default {
     'selector-pseudo-class-no-unknown': [
       true,
       {
-        ignorePseudoClasses: [/deep/],
+        ignorePseudoClasses: ['deep', 'global', 'slotted'],
       },
     ],
   },

diff --git a/tests/vue/src/components/HelloWorld.vue b/tests/vue/src/components/HelloWorld.vue
@@ -47,4 +47,16 @@ code {
   background-color: #eee;
   border-radius: 4px;
 }
+
+:deep(.text) {
+  color: red;
+}
+
+:global(.text) {
+  color: red;
+}
+
+:slotted(.text) {
+  color: red;
+}
 </style>
-Original file line number
+Diff line change
@@ Expand Up / @@ -40,7 +40,7 @@ export default { @@
         'selector-pseudo-class-no-unknown': [
           true,
           {
-            ignorePseudoClasses: [/deep/],
+            ignorePseudoClasses: ['deep', 'global', 'slotted'],
           },
         ],
       },
@@ Expand Down @@