From 21cc2f15ac512f537ae5ab35aa615f6985cb7189 Mon Sep 17 00:00:00 2001
From: lisiur <lisiurday@gmail.com>
Date: Tue, 4 Nov 2025 21:39:25 +0800
Subject: [PATCH 1/3] feat: support html.experimentalFullSupportEnabled for vue
 with jsx/tsx script

---
 .changeset/public-spiders-glow.md             |   7 ++
 .../biome_cli/tests/cases/handle_vue_files.rs | 115 ++++++++++++++++++
 .../full_support_jsx.snap                     |  48 ++++++++
 .../full_support_tsx.snap                     |  53 ++++++++
 crates/biome_html_syntax/src/element_ext.rs   |  36 ++++++
 .../biome_service/src/file_handlers/html.rs   |   4 +
 6 files changed, 263 insertions(+)
 create mode 100644 .changeset/public-spiders-glow.md
 create mode 100644 crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/full_support_jsx.snap
 create mode 100644 crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/full_support_tsx.snap

diff --git a/.changeset/public-spiders-glow.md b/.changeset/public-spiders-glow.md
new file mode 100644
index 000000000000..8986c7ec5cfc
--- /dev/null
+++ b/.changeset/public-spiders-glow.md
@@ -0,0 +1,7 @@
+---
+"@biomejs/biome": patch
+---
+
+Fixed [#7981](https://github.com/biomejs/biome/issues/7981)
+
+Added support for `html.experimentalFullSupportEnabled` in Vue jsx/tsx scripts. Biome now supports `html.experimentalFullSupportEnabled` in Vue jsx/tsx scripts instead of throwing errors.
diff --git a/crates/biome_cli/tests/cases/handle_vue_files.rs b/crates/biome_cli/tests/cases/handle_vue_files.rs
index 1c98fb509f9a..aa7c97bb38b6 100644
--- a/crates/biome_cli/tests/cases/handle_vue_files.rs
+++ b/crates/biome_cli/tests/cases/handle_vue_files.rs
@@ -568,6 +568,121 @@ const props: Props = { title: "Hello" };
     ));
 }
 
+#[test]
+fn full_support_tsx() {
+    let fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    fs.insert(
+        "biome.json".into(),
+        r#"{ "html": { "formatter": {"enabled": true}, "linter": {"enabled": true}, "experimentalFullSupportEnabled": true } }"#.as_bytes(),
+    );
+
+    let vue_file_path = Utf8Path::new("file.vue");
+    fs.insert(
+        vue_file_path.into(),
+        r#"<script lang="tsx">
+import z from "zod";
+import { sure } from "sure.js";
+import s from "src/utils";
+
+interface Props {
+    title: string;
+}
+
+let schema = z.object().optional();
+schema + sure();
+const props: Props = { title: "Hello" };
+
+function FunctionalComponent() {
+    return <div></div>;
+}
+
+</script>
+
+<template>
+    <div></div>
+</template>
+
+<style>
+.class { background: red}
+</style>
+"#
+        .as_bytes(),
+    );
+
+    let (fs, result) = run_cli(
+        fs,
+        &mut console,
+        Args::from(["check", "--write", "--unsafe", vue_file_path.as_str()].as_slice()),
+    );
+
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "full_support_tsx",
+        fs,
+        console,
+        result,
+    ));
+}
+
+#[test]
+fn full_support_jsx() {
+    let fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    fs.insert(
+        "biome.json".into(),
+        r#"{ "html": { "formatter": {"enabled": true}, "linter": {"enabled": true}, "experimentalFullSupportEnabled": true } }"#.as_bytes(),
+    );
+
+    let vue_file_path = Utf8Path::new("file.vue");
+    fs.insert(
+        vue_file_path.into(),
+        r#"<script lang="jsx">
+import z from "zod";
+import { sure } from "sure.js";
+import s from "src/utils";
+
+let schema = z.object().optional();
+schema + sure();
+
+function FunctionalComponent() {
+    return <div></div>;
+}
+
+</script>
+
+<template>
+    <div></div>
+</template>
+
+<style>
+.class { background: red}
+</style>
+"#
+        .as_bytes(),
+    );
+
+    let (fs, result) = run_cli(
+        fs,
+        &mut console,
+        Args::from(["check", "--write", "--unsafe", vue_file_path.as_str()].as_slice()),
+    );
+
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "full_support_jsx",
+        fs,
+        console,
+        result,
+    ));
+}
+
 #[test]
 fn format_stdin_successfully() {
     let fs = MemoryFileSystem::default();
diff --git a/crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/full_support_jsx.snap b/crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/full_support_jsx.snap
new file mode 100644
index 000000000000..72a47fbde2c9
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/full_support_jsx.snap
@@ -0,0 +1,48 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: redactor(content)
+---
+## `biome.json`
+
+```json
+{
+  "html": {
+    "formatter": { "enabled": true },
+    "linter": { "enabled": true },
+    "experimentalFullSupportEnabled": true
+  }
+}
+```
+
+## `file.vue`
+
+```vue
+<script lang="jsx">
+import { sure } from "sure.js";
+import z from "zod";
+
+const schema = z.object().optional();
+schema + sure();
+
+function _FunctionalComponent() {
+	return <div></div>;
+}
+</script>
+
+<template>
+	<div></div>
+</template>
+
+<style>
+.class {
+	background: red;
+}
+</style>
+
+```
+
+# Emitted Messages
+
+```block
+Checked 1 file in <TIME>. Fixed 1 file.
+```
diff --git a/crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/full_support_tsx.snap b/crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/full_support_tsx.snap
new file mode 100644
index 000000000000..86dd78f42722
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_cases_handle_vue_files/full_support_tsx.snap
@@ -0,0 +1,53 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: redactor(content)
+---
+## `biome.json`
+
+```json
+{
+  "html": {
+    "formatter": { "enabled": true },
+    "linter": { "enabled": true },
+    "experimentalFullSupportEnabled": true
+  }
+}
+```
+
+## `file.vue`
+
+```vue
+<script lang="tsx">
+import { sure } from "sure.js";
+import z from "zod";
+
+interface Props {
+	title: string;
+}
+
+const schema = z.object().optional();
+schema + sure();
+const _props: Props = { title: "Hello" };
+
+function _FunctionalComponent() {
+	return <div></div>;
+}
+</script>
+
+<template>
+	<div></div>
+</template>
+
+<style>
+.class {
+	background: red;
+}
+</style>
+
+```
+
+# Emitted Messages
+
+```block
+Checked 1 file in <TIME>. Fixed 1 file.
+```
diff --git a/crates/biome_html_syntax/src/element_ext.rs b/crates/biome_html_syntax/src/element_ext.rs
index c3e08d5ef87e..0720349742c3 100644
--- a/crates/biome_html_syntax/src/element_ext.rs
+++ b/crates/biome_html_syntax/src/element_ext.rs
@@ -202,6 +202,42 @@ impl HtmlElement {
         is_script && is_lang_typescript
     }
 
+    /// Returns `true` if the element is a `<script lang="jsx">`
+    pub fn is_jsx_lang(&self) -> bool {
+        let is_script = self.is_script_tag();
+        let lang_attribute = self.find_attribute_by_name("lang");
+        let is_lang_jsx = lang_attribute.is_some_and(|attribute| {
+            attribute
+                .initializer()
+                .and_then(|initializer| initializer.value().ok())
+                .and_then(|value| value.as_html_string().cloned())
+                .and_then(|value| value.value_token().ok())
+                .is_some_and(|token| {
+                    let text = inner_string_text(&token);
+                    text.eq_ignore_ascii_case("jsx")
+                })
+        });
+        is_script && is_lang_jsx
+    }
+
+    /// Returns `true` if the element is a `<script lang="tsx">`
+    pub fn is_tsx_lang(&self) -> bool {
+        let is_script = self.is_script_tag();
+        let lang_attribute = self.find_attribute_by_name("lang");
+        let is_lang_tsx = lang_attribute.is_some_and(|attribute| {
+            attribute
+                .initializer()
+                .and_then(|initializer| initializer.value().ok())
+                .and_then(|value| value.as_html_string().cloned())
+                .and_then(|value| value.value_token().ok())
+                .is_some_and(|token| {
+                    let text = inner_string_text(&token);
+                    text.eq_ignore_ascii_case("tsx")
+                })
+        });
+        is_script && is_lang_tsx
+    }
+
     /// Returns `true` if the element is a `<style lang="sass">` or `<style lang="scss">`
     pub fn is_sass_lang(&self) -> bool {
         let is_style = self.is_style_tag();
diff --git a/crates/biome_service/src/file_handlers/html.rs b/crates/biome_service/src/file_handlers/html.rs
index 241433d6953b..982f83594ba3 100644
--- a/crates/biome_service/src/file_handlers/html.rs
+++ b/crates/biome_service/src/file_handlers/html.rs
@@ -479,6 +479,10 @@ pub(crate) fn parse_embedded_script(
         let file_source = if html_file_source.is_svelte() || html_file_source.is_vue() {
             let mut file_source = if element.is_typescript_lang() {
                 JsFileSource::ts()
+            } else if element.is_jsx_lang() {
+                JsFileSource::jsx()
+            } else if element.is_tsx_lang() {
+                JsFileSource::tsx()
             } else {
                 JsFileSource::js_module()
             };

From a4be034ffa3dd0b49986ff2dc827d27ab454af8a Mon Sep 17 00:00:00 2001
From: lisiur <lisiurday@gmail.com>
Date: Wed, 5 Nov 2025 09:19:31 +0800
Subject: [PATCH 2/3] refactor: extract reusable method for detecting
 attributes

---
 crates/biome_html_syntax/src/element_ext.rs | 77 ++++-----------------
 1 file changed, 13 insertions(+), 64 deletions(-)

diff --git a/crates/biome_html_syntax/src/element_ext.rs b/crates/biome_html_syntax/src/element_ext.rs
index 0720349742c3..05942c1a5437 100644
--- a/crates/biome_html_syntax/src/element_ext.rs
+++ b/crates/biome_html_syntax/src/element_ext.rs
@@ -165,11 +165,9 @@ impl HtmlElement {
         name_token.text_trimmed().eq_ignore_ascii_case("script")
     }
 
-    /// Returns `true` if the element is a `<script type="module">`
-    pub fn is_javascript_module(&self) -> SyntaxResult<bool> {
-        let is_script = self.is_script_tag();
-        let type_attribute = self.find_attribute_by_name("type");
-        let is_type_module = type_attribute.is_some_and(|attribute| {
+    fn has_attribute(&self, name: &str, value: &str) -> bool {
+        let attribute = self.find_attribute_by_name(name);
+        attribute.is_some_and(|attribute| {
             attribute
                 .initializer()
                 .and_then(|initializer| initializer.value().ok())
@@ -177,83 +175,34 @@ impl HtmlElement {
                 .and_then(|value| value.value_token().ok())
                 .is_some_and(|token| {
                     let text = inner_string_text(&token);
-                    text.eq_ignore_ascii_case("module")
+                    text.eq_ignore_ascii_case(value)
                 })
-        });
+        })
+    }
 
-        Ok(is_script && is_type_module)
+    /// Returns `true` if the element is a `<script type="module">`
+    pub fn is_javascript_module(&self) -> SyntaxResult<bool> {
+        Ok(self.is_script_tag() && self.has_attribute("type", "module"))
     }
 
     /// Returns `true` if the element is a `<script lang="ts">`
     pub fn is_typescript_lang(&self) -> bool {
-        let is_script = self.is_script_tag();
-        let lang_attribute = self.find_attribute_by_name("lang");
-        let is_lang_typescript = lang_attribute.is_some_and(|attribute| {
-            attribute
-                .initializer()
-                .and_then(|initializer| initializer.value().ok())
-                .and_then(|value| value.as_html_string().cloned())
-                .and_then(|value| value.value_token().ok())
-                .is_some_and(|token| {
-                    let text = inner_string_text(&token);
-                    text.eq_ignore_ascii_case("ts")
-                })
-        });
-        is_script && is_lang_typescript
+        self.is_script_tag() && self.has_attribute("lang", "ts")
     }
 
     /// Returns `true` if the element is a `<script lang="jsx">`
     pub fn is_jsx_lang(&self) -> bool {
-        let is_script = self.is_script_tag();
-        let lang_attribute = self.find_attribute_by_name("lang");
-        let is_lang_jsx = lang_attribute.is_some_and(|attribute| {
-            attribute
-                .initializer()
-                .and_then(|initializer| initializer.value().ok())
-                .and_then(|value| value.as_html_string().cloned())
-                .and_then(|value| value.value_token().ok())
-                .is_some_and(|token| {
-                    let text = inner_string_text(&token);
-                    text.eq_ignore_ascii_case("jsx")
-                })
-        });
-        is_script && is_lang_jsx
+        self.is_script_tag() && self.has_attribute("lang", "jsx")
     }
 
     /// Returns `true` if the element is a `<script lang="tsx">`
     pub fn is_tsx_lang(&self) -> bool {
-        let is_script = self.is_script_tag();
-        let lang_attribute = self.find_attribute_by_name("lang");
-        let is_lang_tsx = lang_attribute.is_some_and(|attribute| {
-            attribute
-                .initializer()
-                .and_then(|initializer| initializer.value().ok())
-                .and_then(|value| value.as_html_string().cloned())
-                .and_then(|value| value.value_token().ok())
-                .is_some_and(|token| {
-                    let text = inner_string_text(&token);
-                    text.eq_ignore_ascii_case("tsx")
-                })
-        });
-        is_script && is_lang_tsx
+        self.is_script_tag() && self.has_attribute("lang", "tsx")
     }
 
     /// Returns `true` if the element is a `<style lang="sass">` or `<style lang="scss">`
     pub fn is_sass_lang(&self) -> bool {
-        let is_style = self.is_style_tag();
-        let lang_attribute = self.find_attribute_by_name("lang");
-        let is_lang_typescript = lang_attribute.is_some_and(|attribute| {
-            attribute
-                .initializer()
-                .and_then(|initializer| initializer.value().ok())
-                .and_then(|value| value.as_html_string().cloned())
-                .and_then(|value| value.value_token().ok())
-                .is_some_and(|token| {
-                    let text = inner_string_text(&token);
-                    text.eq_ignore_ascii_case("sass") || text.eq_ignore_ascii_case("scss")
-                })
-        });
-        is_style && is_lang_typescript
+        self.is_style_tag() && self.has_attribute("lang", "scss")
     }
 }
 

From f936d2bf3ed73ba5c4213d851379360235f09e2e Mon Sep 17 00:00:00 2001
From: Emanuele Stoppa <my.burning@gmail.com>
Date: Wed, 5 Nov 2025 08:25:31 +0000
Subject: [PATCH 3/3] Update .changeset/public-spiders-glow.md

---
 .changeset/public-spiders-glow.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/.changeset/public-spiders-glow.md b/.changeset/public-spiders-glow.md
index 8986c7ec5cfc..55ba3c0dd425 100644
--- a/.changeset/public-spiders-glow.md
+++ b/.changeset/public-spiders-glow.md
@@ -2,6 +2,4 @@
 "@biomejs/biome": patch
 ---
 
-Fixed [#7981](https://github.com/biomejs/biome/issues/7981)
-
-Added support for `html.experimentalFullSupportEnabled` in Vue jsx/tsx scripts. Biome now supports `html.experimentalFullSupportEnabled` in Vue jsx/tsx scripts instead of throwing errors.
+Fixed [#7981](https://github.com/biomejs/biome/issues/7981). Now Biome correctly detects and parses `lang='tsx'` and `lang='jsx'` languages when used inside in `.vue` files, when  `.experimentalFullSupportEnabled` is enabled.