test(lint/css): move Vue deep coverage to rule

Author: subotac

crates/biome_cli/tests/cases/handle_vue_files.rs

@@ -400,56 +400,6 @@ fn lint_vue_ts_files() {
     ));
 }
 
-#[test]
-fn lint_vue_deep_pseudo_class() {
-    let fs = MemoryFileSystem::default();
-    let mut console = BufferConsole::default();
-
-    fs.insert(
-        "biome.json".into(),
-        r#"{ "html": { "linter": {"enabled": true}, "experimentalFullSupportEnabled": true } }"#
-            .as_bytes(),
-    );
-
-    let vue_file_path = Utf8Path::new("file.vue");
-    fs.insert(
-        vue_file_path.into(),
-        r#"<template>
-  <div class="parent"><span class="child" /></div>
-</template>
-
-<style scoped>
-.parent :deep(.child) {}
-.parent :unknown {}
-</style>
-"#
-        .as_bytes(),
-    );
-
-    let (fs, result) = run_cli(
-        fs,
-        &mut console,
-        Args::from(
-            [
-                "lint",
-                "--only=correctness/noUnknownPseudoClass",
-                vue_file_path.as_str(),
-            ]
-            .as_slice(),
-        ),
-    );
-
-    assert!(result.is_err(), "run_cli returned {result:?}");
-
-    assert_cli_snapshot(SnapshotPayload::new(
-        module_path!(),
-        "lint_vue_deep_pseudo_class",
-        fs,
-        console,
-        result,
-    ));
-}
-
 #[test]
 fn sorts_imports_check() {
     let fs = MemoryFileSystem::default();

crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/lint_vue_deep_pseudo_class.snap

@@ -214,6 +214,8 @@ impl Rule for NoUnknownPseudoClass {
         if is_valid_class
             || should_ignore(lower_name, ctx.options())
             || file_source.is_css_modules() && is_css_module_pseudo_class(lower_name)
+            // Vue uses `:deep()` to apply scoped styles to child components.
+            // https://vuejs.org/api/sfc-css-features.html#deep-selectors
             || file_source.is_vue_embedded() && lower_name == "deep"
         {
             None

crates/biome_css_analyze/src/lint/correctness/no_unknown_pseudo_class.rs

@@ -3,12 +3,15 @@ use biome_analyze::{
     Queryable, RegistryVisitor, Rule, RuleDomain, RuleFilter, RuleGroup,
 };
 use biome_css_analyze::CssAnalyzerServices;
-use biome_css_parser::{CssParserOptions, parse_css};
+use biome_css_parser::{CssModulesKind, CssParserOptions, parse_css};
 use biome_css_semantic::semantic_model;
 use biome_css_syntax::CssLanguage;
 use biome_diagnostics::advice::CodeSuggestionAdvice;
 use biome_fs::OsFileSystem;
-use biome_languages::CssFileSource;
+use biome_languages::{
+    CssFileSource,
+    css::{CssEmbeddingKind, EmbeddingHtmlKind, EmbeddingStyleApplicability},
+};
 use biome_plugin_loader::AnalyzerGritPlugin;
 use biome_rowan::AstNode;
 use biome_test_utils::{
@@ -118,7 +121,18 @@ fn run_test(input: &'static str, _: &str, _: &str, _: &str) {
             return;
         };
 
-        let parser_options = parser_options.unwrap_or(CssParserOptions::from(&source_type));
+        if file_name.contains(".vue.") && file_name.ends_with(".css") {
+            source_type =
+                source_type.with_embedding_kind(CssEmbeddingKind::Html(EmbeddingHtmlKind::Vue {
+                    applicability: EmbeddingStyleApplicability::Local,
+                }));
+        }
+
+        let mut parser_options = parser_options.unwrap_or(CssParserOptions::from(&source_type));
+
+        if source_type.is_vue_embedded() {
+            parser_options.css_modules = CssModulesKind::Vue;
+        }
 
         if parser_options.tailwind_directives {
             source_type = source_type.with_tailwind_directives()

crates/biome_css_analyze/tests/spec_tests.rs

@@ -0,0 +1,3 @@
+/* should generate diagnostics */
+.parent :deep(.child) {}
+.parent :unknown {}

crates/biome_css_analyze/tests/specs/correctness/noUnknownPseudoClass/invalid.vue.css

@@ -0,0 +1,28 @@
+---
+source: crates/biome_css_analyze/tests/spec_tests.rs
+expression: invalid.vue.css
+---
+# Input
+```css
+/* should generate diagnostics */
+.parent :deep(.child) {}
+.parent :unknown {}
+
+```
+
+# Diagnostics
+```
+invalid.vue.css:3:10 lint/correctness/noUnknownPseudoClass ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Unexpected unknown pseudo-class unknown 
+  
+    1 │ /* should generate diagnostics */
+    2 │ .parent :deep(.child) {}
+  > 3 │ .parent :unknown {}
+      │          ^^^^^^^
+    4 │ 
+  
+  i See MDN web docs for more details.
+  
+
+```