From 269c7c3bfa8a92d4ad64ffbdc84370ba777ce4ec Mon Sep 17 00:00:00 2001
From: Nicolas Hedger <nicolas@hedger.ch>
Date: Tue, 6 Feb 2024 19:03:21 +0100
Subject: [PATCH 1/6] feat(project): initial partial support for vue files

---
 .../src/execute/process_file/format.rs        |  19 ++-
 crates/biome_cli/tests/commands/format.rs     | 107 ++++++++++++++++
 .../format_empty_vue_files_write.snap         |  15 +++
 .../format_vue_files.snap                     |  48 ++++++++
 .../format_vue_files_write.snap               |  19 +++
 crates/biome_service/src/file_handlers/mod.rs |  13 ++
 crates/biome_service/src/file_handlers/vue.rs | 115 ++++++++++++++++++
 .../@biomejs/backend-jsonrpc/src/workspace.ts |   3 +-
 8 files changed, 337 insertions(+), 2 deletions(-)
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_files_write.snap
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files.snap
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files_write.snap
 create mode 100644 crates/biome_service/src/file_handlers/vue.rs

diff --git a/crates/biome_cli/src/execute/process_file/format.rs b/crates/biome_cli/src/execute/process_file/format.rs
index 733843c3a01f..563eafddfaa9 100644
--- a/crates/biome_cli/src/execute/process_file/format.rs
+++ b/crates/biome_cli/src/execute/process_file/format.rs
@@ -5,7 +5,7 @@ use crate::execute::process_file::{
 };
 use crate::execute::TraversalMode;
 use biome_diagnostics::{category, DiagnosticExt};
-use biome_service::file_handlers::ASTRO_FENCE;
+use biome_service::file_handlers::{ASTRO_FENCE, VUE_FENCE};
 use biome_service::workspace::RuleCategories;
 use std::path::Path;
 use std::sync::atomic::Ordering;
@@ -84,6 +84,23 @@ pub(crate) fn format_with_guard<'ctx>(
                 }
             }
 
+            if workspace_file.as_extension() == Some("vue") {
+                if output.is_empty() {
+                    return Ok(FileStatus::Ignored);
+                }
+                if let Some(script) = VUE_FENCE
+                    .captures(&input)
+                    .and_then(|captures| captures.name("script"))
+                {
+                    output = format!(
+                        "{}{}{}",
+                        &input[..script.start()],
+                        output.as_str(),
+                        &input[script.end()..]
+                    );
+                }
+            }
+
             if output != input {
                 if should_write {
                     workspace_file.update_file(output)?;
diff --git a/crates/biome_cli/tests/commands/format.rs b/crates/biome_cli/tests/commands/format.rs
index b8296f51a68d..77355ea65c08 100644
--- a/crates/biome_cli/tests/commands/format.rs
+++ b/crates/biome_cli/tests/commands/format.rs
@@ -58,6 +58,18 @@ statement();
 ---
 <div></div>"#;
 
+const VUE_FILE_UNFORMATTED: &str = r#"<script>
+import {    something } from "file.vue";
+statement ( ) ;
+</script>
+<template></template>"#;
+
+const VUE_FILE_FORMATTED: &str = r#"<script>
+import { something } from "file.vue";
+statement();
+</script>
+<template></template>"#;
+
 const APPLY_TRAILING_COMMA_BEFORE: &str = r#"
 const a = [
 	longlonglonglongItem1longlonglonglongItem1,
@@ -3028,3 +3040,98 @@ fn format_empty_astro_files_write() {
         result,
     ));
 }
+
+#[test]
+fn format_vue_files() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let vue_file_path = Path::new("file.vue");
+    fs.insert(vue_file_path.into(), VUE_FILE_UNFORMATTED.as_bytes());
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from([("format"), vue_file_path.as_os_str().to_str().unwrap()].as_slice()),
+    );
+
+    assert!(result.is_err(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, vue_file_path, VUE_FILE_UNFORMATTED);
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "format_vue_files",
+        fs,
+        console,
+        result,
+    ));
+}
+
+#[test]
+fn format_vue_files_write() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let vue_file_path = Path::new("file.vue");
+    fs.insert(vue_file_path.into(), VUE_FILE_UNFORMATTED.as_bytes());
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from(
+            [
+                "format",
+                "--write",
+                vue_file_path.as_os_str().to_str().unwrap(),
+            ]
+            .as_slice(),
+        ),
+    );
+
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, vue_file_path, VUE_FILE_FORMATTED);
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "format_vue_files_write",
+        fs,
+        console,
+        result,
+    ));
+}
+
+#[test]
+fn format_empty_vue_files_write() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let vue_file_path = Path::new("file.vue");
+    fs.insert(vue_file_path.into(), "<template></template>".as_bytes());
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from(
+            [
+                "format",
+                "--write",
+                vue_file_path.as_os_str().to_str().unwrap(),
+            ]
+            .as_slice(),
+        ),
+    );
+
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, vue_file_path, "<template></template>");
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "format_empty_vue_files_write",
+        fs,
+        console,
+        result,
+    ));
+}
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_files_write.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_files_write.snap
new file mode 100644
index 000000000000..3803cc6a03db
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_files_write.snap
@@ -0,0 +1,15 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<template></template>
+```
+
+# Emitted Messages
+
+```block
+Formatted 1 file(s) in <TIME>
+```
\ No newline at end of file
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files.snap
new file mode 100644
index 000000000000..52f64fffe57b
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files.snap
@@ -0,0 +1,48 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<script>
+import {    something } from "file.vue";
+statement ( ) ;
+</script>
+<template></template>
+```
+
+# Termination Message
+
+```block
+format ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Some errors were emitted while running checks.
+  
+
+
+```
+
+# Emitted Messages
+
+```block
+file.vue format ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i Formatter would have printed the following content:
+  
+    1 1 │   <script>
+    2   │ - import·{····something·}·from·"file.vue";
+    3   │ - statement·(·)·;
+      2 │ + import·{·something·}·from·"file.vue";
+      3 │ + statement();
+    4 4 │   </script>
+    5 5 │   <template></template>
+  
+
+```
+
+```block
+Compared 1 file(s) in <TIME>
+```
+
+
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files_write.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files_write.snap
new file mode 100644
index 000000000000..29ccc8ee8791
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files_write.snap
@@ -0,0 +1,19 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<script>
+import { something } from "file.vue";
+statement();
+</script>
+<template></template>
+```
+
+# Emitted Messages
+
+```block
+Formatted 1 file(s) in <TIME>
+```
\ No newline at end of file
diff --git a/crates/biome_service/src/file_handlers/mod.rs b/crates/biome_service/src/file_handlers/mod.rs
index 3d330c3d17a9..e8a86f730bc0 100644
--- a/crates/biome_service/src/file_handlers/mod.rs
+++ b/crates/biome_service/src/file_handlers/mod.rs
@@ -4,6 +4,8 @@ use self::{
 };
 use crate::file_handlers::astro::AstroFileHandler;
 pub use crate::file_handlers::astro::ASTRO_FENCE;
+use crate::file_handlers::vue::VueFileHandler;
+pub use crate::file_handlers::vue::VUE_FENCE;
 use crate::workspace::{FixFileMode, OrganizeImportsResult};
 use crate::{
     settings::SettingsHandle,
@@ -29,6 +31,7 @@ mod css;
 mod javascript;
 mod json;
 mod unknown;
+mod vue;
 
 /// Supported languages by Biome
 #[derive(Clone, Copy, Debug, Eq, PartialEq, Default, serde::Serialize, serde::Deserialize)]
@@ -50,6 +53,8 @@ pub enum Language {
     Css,
     ///
     Astro,
+    ///
+    Vue,
     /// Any language that is not supported
     #[default]
     Unknown,
@@ -82,6 +87,7 @@ impl Language {
             "json" => Language::Json,
             "jsonc" => Language::Jsonc,
             "astro" => Language::Astro,
+            "vue" => Language::Vue,
             "css" => Language::Css,
             _ => Language::Unknown,
         }
@@ -134,6 +140,7 @@ impl Language {
             "json" => Language::Json,
             "jsonc" => Language::Jsonc,
             "astro" => Language::Astro,
+            "vue" => Language::Vue,
             // TODO: remove this when we are ready to handle CSS files
             "css" => Language::Unknown,
             _ => Language::Unknown,
@@ -195,6 +202,7 @@ impl Language {
             Language::TypeScript => Some(JsFileSource::tsx()),
             Language::TypeScriptReact => Some(JsFileSource::tsx()),
             Language::Astro => Some(JsFileSource::ts()),
+            Language::Vue => Some(JsFileSource::ts()),
             Language::Json | Language::Jsonc | Language::Css | Language::Unknown => None,
         }
     }
@@ -210,6 +218,7 @@ impl Language {
             | Language::Css
             | Language::Jsonc => true,
             Language::Astro => ASTRO_FENCE.is_match(content),
+            Language::Vue => VUE_FENCE.is_match(content),
             Language::Unknown => false,
         }
     }
@@ -226,6 +235,7 @@ impl biome_console::fmt::Display for Language {
             Language::Jsonc => fmt.write_markup(markup! { "JSONC" }),
             Language::Css => fmt.write_markup(markup! { "CSS" }),
             Language::Astro => fmt.write_markup(markup! { "Astro" }),
+            Language::Vue => fmt.write_markup(markup! { "Vue" }),
             Language::Unknown => fmt.write_markup(markup! { "Unknown" }),
         }
     }
@@ -385,6 +395,7 @@ pub(crate) struct Features {
     #[allow(unused)]
     css: CssFileHandler,
     astro: AstroFileHandler,
+    vue: VueFileHandler,
     unknown: UnknownFileHandler,
 }
 
@@ -395,6 +406,7 @@ impl Features {
             json: JsonFileHandler {},
             css: CssFileHandler {},
             astro: AstroFileHandler {},
+            vue: VueFileHandler {},
             unknown: UnknownFileHandler::default(),
         }
     }
@@ -420,6 +432,7 @@ impl Features {
                 }
             }
             Language::Astro => self.astro.capabilities(),
+            Language::Vue => self.vue.capabilities(),
             Language::Unknown => self.unknown.capabilities(),
         }
     }
diff --git a/crates/biome_service/src/file_handlers/vue.rs b/crates/biome_service/src/file_handlers/vue.rs
new file mode 100644
index 000000000000..c9a6b79ec20b
--- /dev/null
+++ b/crates/biome_service/src/file_handlers/vue.rs
@@ -0,0 +1,115 @@
+use crate::file_handlers::{
+    AnalyzerCapabilities, Capabilities, DebugCapabilities, ExtensionHandler, FormatterCapabilities,
+    Language, Mime, ParserCapabilities,
+};
+use crate::settings::SettingsHandle;
+use crate::WorkspaceError;
+use biome_formatter::Printed;
+use biome_fs::RomePath;
+use biome_js_formatter::format_node;
+use biome_js_parser::{parse_js_with_cache, JsParserOptions};
+use biome_js_syntax::{JsFileSource, JsLanguage};
+use biome_parser::AnyParse;
+use biome_rowan::{FileSource, NodeCache};
+use lazy_static::lazy_static;
+use regex::Regex;
+use tracing::{debug, error, info};
+
+#[derive(Debug, Default, PartialEq, Eq)]
+pub(crate) struct VueFileHandler;
+
+lazy_static! {
+    pub static ref VUE_FENCE: Regex = Regex::new(
+        r#"(?msix)(?:<script[^>]?)
+            (?:
+            (?:(lang)\s*=\s*['"](?P<lang>[^'"]*)['"])
+            |
+            (?:(\w+)\s*=\s*['"]([^'"]*)['"])
+            )*
+        [^>]*>\n(?P<script>(?U:.*))</script>"#
+    )
+    .unwrap();
+}
+
+impl ExtensionHandler for VueFileHandler {
+    fn language(&self) -> Language {
+        Language::TypeScript
+    }
+
+    fn mime(&self) -> Mime {
+        Mime::Javascript
+    }
+
+    fn capabilities(&self) -> Capabilities {
+        Capabilities {
+            parser: ParserCapabilities { parse: Some(parse) },
+            debug: DebugCapabilities {
+                debug_syntax_tree: None,
+                debug_control_flow: None,
+                debug_formatter_ir: None,
+            },
+            analyzer: AnalyzerCapabilities {
+                lint: None,
+                code_actions: None,
+                rename: None,
+                fix_all: None,
+                organize_imports: None,
+            },
+            formatter: FormatterCapabilities {
+                format: Some(format),
+                format_range: None,
+                format_on_type: None,
+            },
+        }
+    }
+}
+
+fn parse(
+    _rome_path: &RomePath,
+    _language_hint: crate::file_handlers::Language,
+    text: &str,
+    _settings: SettingsHandle,
+    cache: &mut NodeCache,
+) -> AnyParse {
+    let matches = VUE_FENCE.captures(text);
+    let script = match matches {
+        Some(captures) => &text[captures.name("script").unwrap().range()],
+        _ => "",
+    };
+    let parse = parse_js_with_cache(
+        script,
+        JsFileSource::ts(),
+        JsParserOptions::default(),
+        cache,
+    );
+    let root = parse.syntax();
+    let diagnostics = parse.into_diagnostics();
+
+    AnyParse::new(
+        // SAFETY: the parser should always return a root node
+        root.as_send().unwrap(),
+        diagnostics,
+        JsFileSource::ts().as_any_file_source(),
+    )
+}
+
+#[tracing::instrument(level = "trace", skip(parse, settings))]
+fn format(
+    rome_path: &RomePath,
+    parse: AnyParse,
+    settings: SettingsHandle,
+) -> Result<Printed, WorkspaceError> {
+    let options = settings.format_options::<JsLanguage>(rome_path);
+    debug!("Options used for format: \n{}", options);
+
+    let tree = parse.syntax();
+    info!("Format file {}", rome_path.display());
+    let formatted = format_node(options, &tree)?;
+    match formatted.print() {
+        Ok(printed) => Ok(printed),
+        Err(error) => {
+            error!("The file {} couldn't be formatted", rome_path.display());
+            Err(WorkspaceError::FormatError(error.into()))
+        }
+    }
+}
diff --git a/packages/@biomejs/backend-jsonrpc/src/workspace.ts b/packages/@biomejs/backend-jsonrpc/src/workspace.ts
index deacb0168395..d358b53a63a9 100644
--- a/packages/@biomejs/backend-jsonrpc/src/workspace.ts
+++ b/packages/@biomejs/backend-jsonrpc/src/workspace.ts
@@ -1564,7 +1564,8 @@ export type Language =
 	| "Json"
 	| "Jsonc"
 	| "Css"
-	| "Unknown";
+	| "Unknown"
+	| "Vue";
 export interface ChangeFileParams {
 	content: string;
 	path: RomePath;

From 703b3061b2ed66291c4cfb3849d1d166ad0c75cd Mon Sep 17 00:00:00 2001
From: Nicolas Hedger <nicolas@hedger.ch>
Date: Tue, 6 Feb 2024 19:14:34 +0100
Subject: [PATCH 2/6] codegen

---
 packages/@biomejs/backend-jsonrpc/src/workspace.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/@biomejs/backend-jsonrpc/src/workspace.ts b/packages/@biomejs/backend-jsonrpc/src/workspace.ts
index d358b53a63a9..4ff93819649d 100644
--- a/packages/@biomejs/backend-jsonrpc/src/workspace.ts
+++ b/packages/@biomejs/backend-jsonrpc/src/workspace.ts
@@ -1557,6 +1557,7 @@ export interface OpenFileParams {
  */
 export type Language =
 	| "Astro"
+	| "Vue"
 	| "JavaScript"
 	| "JavaScriptReact"
 	| "TypeScript"
@@ -1564,8 +1565,7 @@ export type Language =
 	| "Json"
 	| "Jsonc"
 	| "Css"
-	| "Unknown"
-	| "Vue";
+	| "Unknown";
 export interface ChangeFileParams {
 	content: string;
 	path: RomePath;

From 1606ab409e74d513821f2b872d058550a29d8bab Mon Sep 17 00:00:00 2001
From: Nicolas Hedger <nicolas@hedger.ch>
Date: Wed, 7 Feb 2024 19:11:07 +0100
Subject: [PATCH 3/6] detect language

---
 crates/biome_cli/tests/commands/format.rs     | 131 ++++++++++++++++--
 ...p => format_empty_vue_js_files_write.snap} |   0
 .../format_empty_vue_ts_files_write.snap      |  17 +++
 ...ue_files.snap => format_vue_js_files.snap} |   0
 ...te.snap => format_vue_js_files_write.snap} |   0
 .../format_vue_ts_files.snap                  |  48 +++++++
 .../format_vue_ts_files_write.snap            |  21 +++
 crates/biome_service/src/file_handlers/vue.rs |  28 ++--
 8 files changed, 224 insertions(+), 21 deletions(-)
 rename crates/biome_cli/tests/snapshots/main_commands_format/{format_empty_vue_files_write.snap => format_empty_vue_js_files_write.snap} (100%)
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_ts_files_write.snap
 rename crates/biome_cli/tests/snapshots/main_commands_format/{format_vue_files.snap => format_vue_js_files.snap} (100%)
 rename crates/biome_cli/tests/snapshots/main_commands_format/{format_vue_files_write.snap => format_vue_js_files_write.snap} (100%)
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_vue_ts_files.snap
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_vue_ts_files_write.snap

diff --git a/crates/biome_cli/tests/commands/format.rs b/crates/biome_cli/tests/commands/format.rs
index 77355ea65c08..b0237e7d8f7f 100644
--- a/crates/biome_cli/tests/commands/format.rs
+++ b/crates/biome_cli/tests/commands/format.rs
@@ -58,18 +58,30 @@ statement();
 ---
 <div></div>"#;
 
-const VUE_FILE_UNFORMATTED: &str = r#"<script>
+const VUE_JS_FILE_UNFORMATTED: &str = r#"<script>
 import {    something } from "file.vue";
 statement ( ) ;
 </script>
 <template></template>"#;
 
-const VUE_FILE_FORMATTED: &str = r#"<script>
+const VUE_JS_FILE_FORMATTED: &str = r#"<script>
 import { something } from "file.vue";
 statement();
 </script>
 <template></template>"#;
 
+const VUE_TS_FILE_UNFORMATTED: &str = r#"<script setup lang="ts">
+import     { type     something } from "file.vue";
+const hello  :      string      = "world";
+</script>
+<template></template>"#;
+
+const VUE_TS_FILE_FORMATTED: &str = r#"<script setup lang="ts">
+import { type something } from "file.vue";
+const hello: string = "world";
+</script>
+<template></template>"#;
+
 const APPLY_TRAILING_COMMA_BEFORE: &str = r#"
 const a = [
 	longlonglonglongItem1longlonglonglongItem1,
@@ -3042,12 +3054,107 @@ fn format_empty_astro_files_write() {
 }
 
 #[test]
-fn format_vue_files() {
+fn format_vue_js_files() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let vue_file_path = Path::new("file.vue");
+    fs.insert(vue_file_path.into(), VUE_JS_FILE_UNFORMATTED.as_bytes());
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from([("format"), vue_file_path.as_os_str().to_str().unwrap()].as_slice()),
+    );
+
+    assert!(result.is_err(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, vue_file_path, VUE_JS_FILE_UNFORMATTED);
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "format_vue_js_files",
+        fs,
+        console,
+        result,
+    ));
+}
+
+#[test]
+fn format_vue_js_files_write() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let vue_file_path = Path::new("file.vue");
+    fs.insert(vue_file_path.into(), VUE_JS_FILE_UNFORMATTED.as_bytes());
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from(
+            [
+                "format",
+                "--write",
+                vue_file_path.as_os_str().to_str().unwrap(),
+            ]
+            .as_slice(),
+        ),
+    );
+
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, vue_file_path, VUE_JS_FILE_FORMATTED);
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "format_vue_js_files_write",
+        fs,
+        console,
+        result,
+    ));
+}
+
+#[test]
+fn format_empty_vue_js_files_write() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let vue_file_path = Path::new("file.vue");
+    fs.insert(vue_file_path.into(), "<template></template>".as_bytes());
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from(
+            [
+                "format",
+                "--write",
+                vue_file_path.as_os_str().to_str().unwrap(),
+            ]
+            .as_slice(),
+        ),
+    );
+
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, vue_file_path, "<template></template>");
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "format_empty_vue_js_files_write",
+        fs,
+        console,
+        result,
+    ));
+}
+
+#[test]
+fn format_vue_ts_files() {
     let mut fs = MemoryFileSystem::default();
     let mut console = BufferConsole::default();
 
     let vue_file_path = Path::new("file.vue");
-    fs.insert(vue_file_path.into(), VUE_FILE_UNFORMATTED.as_bytes());
+    fs.insert(vue_file_path.into(), VUE_TS_FILE_UNFORMATTED.as_bytes());
 
     let result = run_cli(
         DynRef::Borrowed(&mut fs),
@@ -3057,11 +3164,11 @@ fn format_vue_files() {
 
     assert!(result.is_err(), "run_cli returned {result:?}");
 
-    assert_file_contents(&fs, vue_file_path, VUE_FILE_UNFORMATTED);
+    assert_file_contents(&fs, vue_file_path, VUE_TS_FILE_UNFORMATTED);
 
     assert_cli_snapshot(SnapshotPayload::new(
         module_path!(),
-        "format_vue_files",
+        "format_vue_ts_files",
         fs,
         console,
         result,
@@ -3069,12 +3176,12 @@ fn format_vue_files() {
 }
 
 #[test]
-fn format_vue_files_write() {
+fn format_vue_ts_files_write() {
     let mut fs = MemoryFileSystem::default();
     let mut console = BufferConsole::default();
 
     let vue_file_path = Path::new("file.vue");
-    fs.insert(vue_file_path.into(), VUE_FILE_UNFORMATTED.as_bytes());
+    fs.insert(vue_file_path.into(), VUE_TS_FILE_UNFORMATTED.as_bytes());
 
     let result = run_cli(
         DynRef::Borrowed(&mut fs),
@@ -3091,11 +3198,11 @@ fn format_vue_files_write() {
 
     assert!(result.is_ok(), "run_cli returned {result:?}");
 
-    assert_file_contents(&fs, vue_file_path, VUE_FILE_FORMATTED);
+    assert_file_contents(&fs, vue_file_path, VUE_TS_FILE_FORMATTED);
 
     assert_cli_snapshot(SnapshotPayload::new(
         module_path!(),
-        "format_vue_files_write",
+        "format_vue_ts_files_write",
         fs,
         console,
         result,
@@ -3103,7 +3210,7 @@ fn format_vue_files_write() {
 }
 
 #[test]
-fn format_empty_vue_files_write() {
+fn format_empty_vue_ts_files_write() {
     let mut fs = MemoryFileSystem::default();
     let mut console = BufferConsole::default();
 
@@ -3129,7 +3236,7 @@ fn format_empty_vue_files_write() {
 
     assert_cli_snapshot(SnapshotPayload::new(
         module_path!(),
-        "format_empty_vue_files_write",
+        "format_empty_vue_ts_files_write",
         fs,
         console,
         result,
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_files_write.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_js_files_write.snap
similarity index 100%
rename from crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_files_write.snap
rename to crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_js_files_write.snap
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_ts_files_write.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_ts_files_write.snap
new file mode 100644
index 000000000000..670e5091bfe1
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_empty_vue_ts_files_write.snap
@@ -0,0 +1,17 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<template></template>
+```
+
+# Emitted Messages
+
+```block
+Formatted 1 file(s) in <TIME>
+```
+
+
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_js_files.snap
similarity index 100%
rename from crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files.snap
rename to crates/biome_cli/tests/snapshots/main_commands_format/format_vue_js_files.snap
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files_write.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_js_files_write.snap
similarity index 100%
rename from crates/biome_cli/tests/snapshots/main_commands_format/format_vue_files_write.snap
rename to crates/biome_cli/tests/snapshots/main_commands_format/format_vue_js_files_write.snap
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_ts_files.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_ts_files.snap
new file mode 100644
index 000000000000..074fb7b319ec
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_ts_files.snap
@@ -0,0 +1,48 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<script setup lang="ts">
+import     { type     something } from "file.vue";
+const hello  :      string      = "world";
+</script>
+<template></template>
+```
+
+# Termination Message
+
+```block
+format ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Some errors were emitted while running checks.
+  
+
+
+```
+
+# Emitted Messages
+
+```block
+file.vue format ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i Formatter would have printed the following content:
+  
+    1 1 │   <script setup lang="ts">
+    2   │ - import·····{·type·····something·}·from·"file.vue";
+    3   │ - const·hello··:······string······=·"world";
+      2 │ + import·{·type·something·}·from·"file.vue";
+      3 │ + const·hello:·string·=·"world";
+    4 4 │   </script>
+    5 5 │   <template></template>
+  
+
+```
+
+```block
+Compared 1 file(s) in <TIME>
+```
+
+
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_ts_files_write.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_ts_files_write.snap
new file mode 100644
index 000000000000..cde2c5ac347c
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_ts_files_write.snap
@@ -0,0 +1,21 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<script setup lang="ts">
+import { type something } from "file.vue";
+const hello: string = "world";
+</script>
+<template></template>
+```
+
+# Emitted Messages
+
+```block
+Formatted 1 file(s) in <TIME>
+```
+
+
diff --git a/crates/biome_service/src/file_handlers/vue.rs b/crates/biome_service/src/file_handlers/vue.rs
index c9a6b79ec20b..36973aeaf127 100644
--- a/crates/biome_service/src/file_handlers/vue.rs
+++ b/crates/biome_service/src/file_handlers/vue.rs
@@ -19,12 +19,13 @@ use tracing::{debug, error, info};
 pub(crate) struct VueFileHandler;
 
 lazy_static! {
+    // https://regex101.com/r/E4n4hh/3
     pub static ref VUE_FENCE: Regex = Regex::new(
-        r#"(?msix)(?:<script[^>]?)
+        r#"(?ixms)(?:<script[^>]?)
             (?:
             (?:(lang)\s*=\s*['"](?P<lang>[^'"]*)['"])
             |
-            (?:(\w+)\s*=\s*['"]([^'"]*)['"])
+            (?:(\w+)\s*(?:=\s*['"]([^'"]*)['"])?)
             )*
         [^>]*>\n(?P<script>(?U:.*))</script>"#
     )
@@ -73,15 +74,24 @@ fn parse(
 ) -> AnyParse {
     let matches = VUE_FENCE.captures(text);
     let script = match matches {
-        Some(captures) => &text[captures.name("script").unwrap().range()],
+        Some(ref captures) => &text[captures.name("script").unwrap().range()],
         _ => "",
     };
-    let parse = parse_js_with_cache(
-        script,
-        JsFileSource::ts(),
-        JsParserOptions::default(),
-        cache,
-    );
+
+    let language = match matches {
+        Some(captures) => match captures.name("lang") {
+            Some(lang) => match lang.as_str() {
+                "ts" => JsFileSource::ts(),
+                _ => JsFileSource::js_module(),
+            },
+            _ => JsFileSource::js_module(),
+        },
+        _ => JsFileSource::js_module(),
+    };
+
+    debug!("Parsing file with language {:?}", language);
+
+    let parse = parse_js_with_cache(script, language, JsParserOptions::default(), cache);
     let root = parse.syntax();
     let diagnostics = parse.into_diagnostics();
 

From 23240657d4ab0b01fe827eb1f07316c3c1bbbbb5 Mon Sep 17 00:00:00 2001
From: Nicolas Hedger <nicolas@hedger.ch>
Date: Wed, 7 Feb 2024 19:25:15 +0100
Subject: [PATCH 4/6] test explicit js lang

---
 crates/biome_cli/tests/commands/format.rs     | 105 ++++++++++++++++--
 .../format_vue_explicit_js_files.snap         |  48 ++++++++
 .../format_vue_explicit_js_files_write.snap   |  19 ++++
 ...snap => format_vue_implicit_js_files.snap} |   0
 .../format_vue_implicit_js_files_write.snap   |  21 ++++
 5 files changed, 183 insertions(+), 10 deletions(-)
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_vue_explicit_js_files.snap
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_vue_explicit_js_files_write.snap
 rename crates/biome_cli/tests/snapshots/main_commands_format/{format_vue_js_files.snap => format_vue_implicit_js_files.snap} (100%)
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/format_vue_implicit_js_files_write.snap

diff --git a/crates/biome_cli/tests/commands/format.rs b/crates/biome_cli/tests/commands/format.rs
index b0237e7d8f7f..4f83618b2a6f 100644
--- a/crates/biome_cli/tests/commands/format.rs
+++ b/crates/biome_cli/tests/commands/format.rs
@@ -58,13 +58,25 @@ statement();
 ---
 <div></div>"#;
 
-const VUE_JS_FILE_UNFORMATTED: &str = r#"<script>
+const VUE_IMPLICIT_JS_FILE_UNFORMATTED: &str = r#"<script>
 import {    something } from "file.vue";
 statement ( ) ;
 </script>
 <template></template>"#;
 
-const VUE_JS_FILE_FORMATTED: &str = r#"<script>
+const VUE_IMPLICIT_JS_FILE_FORMATTED: &str = r#"<script>
+import { something } from "file.vue";
+statement();
+</script>
+<template></template>"#;
+
+const VUE_EXPLICIT_JS_FILE_UNFORMATTED: &str = r#"<script lang="js">
+import {    something } from "file.vue";
+statement ( ) ;
+</script>
+<template></template>"#;
+
+const VUE_EXPLICIT_JS_FILE_FORMATTED: &str = r#"<script lang="js">
 import { something } from "file.vue";
 statement();
 </script>
@@ -3054,12 +3066,15 @@ fn format_empty_astro_files_write() {
 }
 
 #[test]
-fn format_vue_js_files() {
+fn format_vue_implicit_js_files() {
     let mut fs = MemoryFileSystem::default();
     let mut console = BufferConsole::default();
 
     let vue_file_path = Path::new("file.vue");
-    fs.insert(vue_file_path.into(), VUE_JS_FILE_UNFORMATTED.as_bytes());
+    fs.insert(
+        vue_file_path.into(),
+        VUE_IMPLICIT_JS_FILE_UNFORMATTED.as_bytes(),
+    );
 
     let result = run_cli(
         DynRef::Borrowed(&mut fs),
@@ -3069,11 +3084,11 @@ fn format_vue_js_files() {
 
     assert!(result.is_err(), "run_cli returned {result:?}");
 
-    assert_file_contents(&fs, vue_file_path, VUE_JS_FILE_UNFORMATTED);
+    assert_file_contents(&fs, vue_file_path, VUE_IMPLICIT_JS_FILE_UNFORMATTED);
 
     assert_cli_snapshot(SnapshotPayload::new(
         module_path!(),
-        "format_vue_js_files",
+        "format_vue_implicit_js_files",
         fs,
         console,
         result,
@@ -3081,12 +3096,82 @@ fn format_vue_js_files() {
 }
 
 #[test]
-fn format_vue_js_files_write() {
+fn format_vue_implicit_js_files_write() {
     let mut fs = MemoryFileSystem::default();
     let mut console = BufferConsole::default();
 
     let vue_file_path = Path::new("file.vue");
-    fs.insert(vue_file_path.into(), VUE_JS_FILE_UNFORMATTED.as_bytes());
+    fs.insert(
+        vue_file_path.into(),
+        VUE_IMPLICIT_JS_FILE_UNFORMATTED.as_bytes(),
+    );
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from(
+            [
+                "format",
+                "--write",
+                vue_file_path.as_os_str().to_str().unwrap(),
+            ]
+            .as_slice(),
+        ),
+    );
+
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, vue_file_path, VUE_IMPLICIT_JS_FILE_FORMATTED);
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "format_vue_implicit_js_files_write",
+        fs,
+        console,
+        result,
+    ));
+}
+
+#[test]
+fn format_vue_explicit_js_files() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let vue_file_path = Path::new("file.vue");
+    fs.insert(
+        vue_file_path.into(),
+        VUE_EXPLICIT_JS_FILE_UNFORMATTED.as_bytes(),
+    );
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from([("format"), vue_file_path.as_os_str().to_str().unwrap()].as_slice()),
+    );
+
+    assert!(result.is_err(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, vue_file_path, VUE_EXPLICIT_JS_FILE_UNFORMATTED);
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "format_vue_explicit_js_files",
+        fs,
+        console,
+        result,
+    ));
+}
+
+#[test]
+fn format_vue_explicit_js_files_write() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let vue_file_path = Path::new("file.vue");
+    fs.insert(
+        vue_file_path.into(),
+        VUE_EXPLICIT_JS_FILE_UNFORMATTED.as_bytes(),
+    );
 
     let result = run_cli(
         DynRef::Borrowed(&mut fs),
@@ -3103,11 +3188,11 @@ fn format_vue_js_files_write() {
 
     assert!(result.is_ok(), "run_cli returned {result:?}");
 
-    assert_file_contents(&fs, vue_file_path, VUE_JS_FILE_FORMATTED);
+    assert_file_contents(&fs, vue_file_path, VUE_EXPLICIT_JS_FILE_FORMATTED);
 
     assert_cli_snapshot(SnapshotPayload::new(
         module_path!(),
-        "format_vue_js_files_write",
+        "format_vue_explicit_js_files_write",
         fs,
         console,
         result,
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_explicit_js_files.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_explicit_js_files.snap
new file mode 100644
index 000000000000..ae01c572dd37
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_explicit_js_files.snap
@@ -0,0 +1,48 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<script lang="js">
+import {    something } from "file.vue";
+statement ( ) ;
+</script>
+<template></template>
+```
+
+# Termination Message
+
+```block
+format ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Some errors were emitted while running checks.
+  
+
+
+```
+
+# Emitted Messages
+
+```block
+file.vue format ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i Formatter would have printed the following content:
+  
+    1 1 │   <script lang="js">
+    2   │ - import·{····something·}·from·"file.vue";
+    3   │ - statement·(·)·;
+      2 │ + import·{·something·}·from·"file.vue";
+      3 │ + statement();
+    4 4 │   </script>
+    5 5 │   <template></template>
+  
+
+```
+
+```block
+Compared 1 file(s) in <TIME>
+```
+
+
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_explicit_js_files_write.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_explicit_js_files_write.snap
new file mode 100644
index 000000000000..52ed6af26d06
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_explicit_js_files_write.snap
@@ -0,0 +1,19 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<script lang="js">
+import { something } from "file.vue";
+statement();
+</script>
+<template></template>
+```
+
+# Emitted Messages
+
+```block
+Formatted 1 file(s) in <TIME>
+```
\ No newline at end of file
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_js_files.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_implicit_js_files.snap
similarity index 100%
rename from crates/biome_cli/tests/snapshots/main_commands_format/format_vue_js_files.snap
rename to crates/biome_cli/tests/snapshots/main_commands_format/format_vue_implicit_js_files.snap
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_implicit_js_files_write.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_implicit_js_files_write.snap
new file mode 100644
index 000000000000..c7396ef138a4
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_vue_implicit_js_files_write.snap
@@ -0,0 +1,21 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.vue`
+
+```vue
+<script>
+import { something } from "file.vue";
+statement();
+</script>
+<template></template>
+```
+
+# Emitted Messages
+
+```block
+Formatted 1 file(s) in <TIME>
+```
+
+

From 9d5aca7507f56973510da67eff61168f1844d5c3 Mon Sep 17 00:00:00 2001
From: Nicolas Hedger <nicolas@hedger.ch>
Date: Sat, 10 Feb 2024 13:07:16 +0100
Subject: [PATCH 5/6] update changelog

---
 CHANGELOG.md                                     | 10 ++++++++++
 website/src/content/docs/internals/changelog.mdx | 10 ++++++++++
 2 files changed, 20 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 59a0d0852835..ac03385e8a59 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -92,6 +92,16 @@ Read our [guidelines for writing a good changelog entry](https://github.com/biom
 
   <div></div>
   ```
+- Add partial for `.vue` files. Biome is able to format the script block of Vue files. Contributed by @nhedger
+
+  ```diff
+  <script setup lang="ts">
+  - statement ( );
+  + statement();
+  </script/>
+
+  <template></template>
+  ```
 
 #### Bug fixes
 
diff --git a/website/src/content/docs/internals/changelog.mdx b/website/src/content/docs/internals/changelog.mdx
index 47670d8c36ce..0fffb35841a7 100644
--- a/website/src/content/docs/internals/changelog.mdx
+++ b/website/src/content/docs/internals/changelog.mdx
@@ -98,6 +98,16 @@ Read our [guidelines for writing a good changelog entry](https://github.com/biom
 
   <div></div>
   ```
+- Add partial for `.vue` files. Biome is able to format the script block of Vue files. Contributed by @nhedger
+
+  ```diff
+  <script setup lang="ts">
+  - statement ( );
+  + statement();
+  </script/>
+
+  <template></template>
+  ```
 
 #### Bug fixes
 

From 878d4de6fc097533c7ce0953acb07515a0592508 Mon Sep 17 00:00:00 2001
From: Nicolas Hedger <nicolas@hedger.ch>
Date: Sat, 10 Feb 2024 13:55:18 +0100
Subject: [PATCH 6/6] simplify match

---
 crates/biome_service/src/file_handlers/vue.rs | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/crates/biome_service/src/file_handlers/vue.rs b/crates/biome_service/src/file_handlers/vue.rs
index 36973aeaf127..ae5021f5fea3 100644
--- a/crates/biome_service/src/file_handlers/vue.rs
+++ b/crates/biome_service/src/file_handlers/vue.rs
@@ -78,16 +78,13 @@ fn parse(
         _ => "",
     };
 
-    let language = match matches {
-        Some(captures) => match captures.name("lang") {
-            Some(lang) => match lang.as_str() {
-                "ts" => JsFileSource::ts(),
-                _ => JsFileSource::js_module(),
-            },
+    let language = matches
+        .and_then(|captures| captures.name("lang"))
+        .map(|lang| match lang.as_str() {
+            "ts" => JsFileSource::ts(),
             _ => JsFileSource::js_module(),
-        },
-        _ => JsFileSource::js_module(),
-    };
+        })
+        .unwrap_or(JsFileSource::js_module());
 
     debug!("Parsing file with language {:?}", language);