diff --git a/.changeset/eleven-baths-wave.md b/.changeset/eleven-baths-wave.md
new file mode 100644
index 000000000000..a718c025c6ca
--- /dev/null
+++ b/.changeset/eleven-baths-wave.md
@@ -0,0 +1,11 @@
+---
+"@biomejs/biome": minor
+---
+
+Added new assist rule [`useSortedAttributes`](https://biomejs.dev/assist/actions/use-sorted-attributes/) for HTML, porting the existing JSX rule. This rule enforces sorted HTML attributes.
+
+**Invalid**
+
+```html
+<input type="text" id="name" name="name" />
+```
diff --git a/Cargo.lock b/Cargo.lock
index e4630f8cc3cf..2dcb20515f8d 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -126,6 +126,7 @@ dependencies = [
  "biome_diagnostics",
  "biome_parser",
  "biome_rowan",
+ "biome_string_case",
  "biome_suppression",
  "biome_text_edit",
  "camino",
diff --git a/crates/biome_analyze/Cargo.toml b/crates/biome_analyze/Cargo.toml
index 82ab054d9089..945e9b939510 100644
--- a/crates/biome_analyze/Cargo.toml
+++ b/crates/biome_analyze/Cargo.toml
@@ -20,6 +20,7 @@ biome_deserialize_macros = { workspace = true, optional = true }
 biome_diagnostics        = { workspace = true }
 biome_parser             = { workspace = true }
 biome_rowan              = { workspace = true }
+biome_string_case        = { workspace = true }
 biome_suppression        = { workspace = true }
 biome_text_edit          = { workspace = true }
 camino                   = { workspace = true }
diff --git a/crates/biome_analyze/src/rule.rs b/crates/biome_analyze/src/rule.rs
index 00343d9d447b..3171ff4c9cd0 100644
--- a/crates/biome_analyze/src/rule.rs
+++ b/crates/biome_analyze/src/rule.rs
@@ -188,6 +188,10 @@ pub enum RuleSource<'a> {
     EslintYml(&'a str),
     /// Rules from [Eslint CSS](https://github.com/eslint/css)
     EslintCss(&'a str),
+    /// Rules from [Eslint Plugin Svelte](https://sveltejs.github.io/eslint-plugin-svelte/)
+    EslintSvelte(&'a str),
+    /// Rules from [Eslint Plugin Astro](https://ota-meshi.github.io/eslint-plugin-astro/)
+    EslintAstro(&'a str),
     /// Rules from [Eslint Plugin Drizzle](https://orm.drizzle.team/docs/eslint-plugin)
     EslintDrizzle(&'a str),
     /// Action for https://github.com/keithamus/sort-package-json
@@ -246,6 +250,8 @@ impl<'a> std::fmt::Display for RuleSource<'a> {
             Self::EslintMarkdown(_) => write!(f, "@eslint/markdown"),
             Self::EslintYml(_) => write!(f, "eslint-plugin-yml"),
             Self::EslintCss(_) => write!(f, "@eslint/css"),
+            Self::EslintSvelte(_) => write!(f, "eslint-plugin-svelte"),
+            Self::EslintAstro(_) => write!(f, "eslint-plugin-astro"),
             Self::EslintDrizzle(_) => write!(f, "eslint-plugin-drizzle"),
             Self::SortPackageJson => write!(f, "sort-package-json"),
         }
@@ -313,8 +319,10 @@ impl<'a> RuleSource<'a> {
             Self::EslintMarkdown(_) => 42,
             Self::EslintYml(_) => 43,
             Self::EslintCss(_) => 44,
-            Self::EslintDrizzle(_) => 45,
-            Self::SortPackageJson => 46,
+            Self::EslintSvelte(_) => 45,
+            Self::EslintAstro(_) => 46,
+            Self::EslintDrizzle(_) => 47,
+            Self::SortPackageJson => 48,
         }
     }
 
@@ -379,6 +387,8 @@ impl<'a> RuleSource<'a> {
             | Self::EslintJson(rule_name)
             | Self::EslintMarkdown(rule_name)
             | Self::EslintYml(rule_name)
+            | Self::EslintSvelte(rule_name)
+            | Self::EslintAstro(rule_name)
             | Self::EslintDrizzle(rule_name) => rule_name,
             Self::SortPackageJson => "sort-package-json",
         }
@@ -432,6 +442,8 @@ impl<'a> RuleSource<'a> {
             Self::EslintMarkdown(_) => "markdown",
             Self::EslintYml(_) => "yml",
             Self::EslintCss(_) => "css",
+            Self::EslintSvelte(_) => "svelte",
+            Self::EslintAstro(_) => "astro",
             Self::EslintDrizzle(_) => "drizzle",
         }
     }
@@ -491,6 +503,8 @@ impl<'a> RuleSource<'a> {
             Self::EslintMarkdown(rule_name) => format!("https://github.com/eslint/markdown/blob/main/docs/rules/{rule_name}.md"),
             Self::EslintYml(rule_name) => format!("https://ota-meshi.github.io/eslint-plugin-yml/rules/{rule_name}.html"),
             Self::EslintCss(rule_name) => format!("https://github.com/eslint/css/blob/main/docs/rules/{rule_name}.md"),
+            Self::EslintSvelte(rule_name) => format!("https://sveltejs.github.io/eslint-plugin-svelte/rules/{rule_name}"),
+            Self::EslintAstro(rule_name) => format!("https://ota-meshi.github.io/eslint-plugin-astro/rules/{rule_name}"),
             Self::EslintDrizzle(rule_name) => format!("https://orm.drizzle.team/docs/eslint-plugin#{rule_name}"),
             Self::SortPackageJson => "https://github.com/keithamus/sort-package-json".to_string(),
         }
diff --git a/crates/biome_analyze/src/shared/mod.rs b/crates/biome_analyze/src/shared/mod.rs
index 7771177ed268..cf28c81f1cd3 100644
--- a/crates/biome_analyze/src/shared/mod.rs
+++ b/crates/biome_analyze/src/shared/mod.rs
@@ -1 +1,2 @@
 pub mod class_dedup;
+pub mod sort_attributes;
diff --git a/crates/biome_analyze/src/shared/sort_attributes.rs b/crates/biome_analyze/src/shared/sort_attributes.rs
new file mode 100644
index 000000000000..461b298a18e3
--- /dev/null
+++ b/crates/biome_analyze/src/shared/sort_attributes.rs
@@ -0,0 +1,111 @@
+use biome_rowan::{AstNode, Language, SyntaxToken, TriviaPieceKind};
+use biome_string_case::StrLikeExtension;
+use std::cmp::Ordering;
+
+pub trait SortableAttribute {
+    type Language: Language;
+
+    fn name(&self) -> Option<SyntaxToken<Self::Language>>;
+
+    fn node(&self) -> &impl AstNode<Language = Self::Language>;
+
+    fn replace_token(
+        self,
+        prev_token: SyntaxToken<Self::Language>,
+        next_token: SyntaxToken<Self::Language>,
+    ) -> Option<Self>
+    where
+        Self: Sized;
+
+    fn ascii_nat_cmp(&self, other: &Self) -> Ordering {
+        match (self.name(), other.name()) {
+            (Some(self_name), Some(other_name)) => self_name
+                .text_trimmed()
+                .ascii_nat_cmp(other_name.text_trimmed()),
+            (Some(_), None) => Ordering::Less,
+            (None, Some(_)) => Ordering::Greater,
+            (None, None) => Ordering::Equal,
+        }
+    }
+
+    fn lexicographic_cmp(&self, other: &Self) -> Ordering {
+        match (self.name(), other.name()) {
+            (Some(self_name), Some(other_name)) => self_name
+                .text_trimmed()
+                .lexicographic_cmp(other_name.text_trimmed()),
+            (Some(_), None) => Ordering::Less,
+            (None, Some(_)) => Ordering::Greater,
+            (None, None) => Ordering::Equal,
+        }
+    }
+}
+
+#[derive(Clone)]
+pub struct AttributeGroup<T: SortableAttribute + Clone> {
+    pub attrs: Vec<T>,
+}
+
+impl<T: SortableAttribute + Clone> Default for AttributeGroup<T> {
+    fn default() -> Self {
+        Self { attrs: Vec::new() }
+    }
+}
+
+impl<T: SortableAttribute + Clone> AttributeGroup<T> {
+    pub fn is_empty(&self) -> bool {
+        self.attrs.is_empty()
+    }
+
+    pub fn is_sorted<F>(&self, comparator: F) -> bool
+    where
+        F: Fn(&T, &T) -> bool,
+    {
+        self.attrs.is_sorted_by(comparator)
+    }
+
+    pub fn get_sorted_attributes<F>(&self, comparator: F) -> Option<Vec<T>>
+    where
+        F: FnMut(&T, &T) -> Ordering,
+    {
+        let mut attrs = self.attrs.clone();
+        attrs.sort_by(comparator);
+
+        let mut iter = attrs.iter_mut().peekable();
+
+        while let Some(sorted_attr) = iter.next() {
+            if iter.peek().is_some() {
+                // Make sure sorted_attr has trailing whitespace if it is not the last attribute in the group
+                let ends_in_whitespace = sorted_attr
+                    .node()
+                    .syntax()
+                    .last_trailing_trivia()
+                    .and_then(|last_trivia| last_trivia.last())
+                    .is_some_and(|last| last.is_whitespace() || last.is_newline());
+
+                let next_starts_with_whitespace = iter
+                    .peek()
+                    .and_then(|next_sorted_attr| {
+                        next_sorted_attr.node().syntax().first_leading_trivia()
+                    })
+                    .and_then(|first_trivia| first_trivia.first())
+                    .is_some_and(|first| first.is_whitespace() || first.is_newline());
+
+                if !ends_in_whitespace && !next_starts_with_whitespace {
+                    let old_last_token = sorted_attr.node().syntax().last_token().unwrap();
+                    let new_last_token =
+                        old_last_token.with_trailing_trivia([(TriviaPieceKind::Whitespace, " ")]);
+
+                    *sorted_attr = sorted_attr
+                        .clone()
+                        .replace_token(old_last_token, new_last_token)?;
+                }
+            }
+        }
+
+        Some(attrs)
+    }
+
+    pub fn clear(&mut self) {
+        self.attrs.clear();
+    }
+}
diff --git a/crates/biome_html_analyze/src/assist/source/use_sorted_attributes.rs b/crates/biome_html_analyze/src/assist/source/use_sorted_attributes.rs
new file mode 100644
index 000000000000..cf301c39d21d
--- /dev/null
+++ b/crates/biome_html_analyze/src/assist/source/use_sorted_attributes.rs
@@ -0,0 +1,555 @@
+use crate::HtmlRuleAction;
+use biome_analyze::shared::sort_attributes::{AttributeGroup, SortableAttribute};
+use biome_analyze::{
+    Ast, FixKind, Rule, RuleAction, RuleDiagnostic, RuleSource, context::RuleContext,
+    declare_source_rule,
+};
+use biome_console::markup;
+use biome_deserialize::TextRange;
+use biome_diagnostics::{Applicability, category};
+use biome_html_syntax::{
+    AnyAstroDirective, AnyHtmlAttribute, AnySvelteBindingProperty, AnySvelteDirective,
+    AnyVueDirective, AnyVueDirectiveArgument, AstroDirectiveValue, HtmlAttributeList, HtmlLanguage,
+    HtmlOpeningElement, HtmlSelfClosingElement, SvelteDirectiveValue,
+};
+use biome_rowan::{AstNode, AstNodeExt, BatchMutationExt, SyntaxToken};
+use biome_rule_options::use_sorted_attributes::{SortOrder, UseSortedAttributesOptions};
+use std::{borrow::Cow, cmp::Ordering, iter::zip};
+
+declare_source_rule! {
+    /// Enforce attribute sorting in HTML elements.
+    ///
+    /// This rule checks if HTML attributes, along with Astro, Svelte, and Vue directives,
+    /// are sorted in a consistent way.
+    /// The sort order is:
+    /// - Regular HTML attributes, sorted alphabetically according to the `sortOrder` option
+    /// - Astro directives, sorted alphabetically according to `sortOrder`
+    /// - Svelte directives, sorted according to eslint-plugin-svelte's [`sort-attributes` rule](https://sveltejs.github.io/eslint-plugin-svelte/rules/sort-attributes/)
+    /// - Vue directives, sorted according to the [Vue.js Style Guide](https://eslint.vuejs.org/rules/attributes-order)
+    ///
+    /// If two attributes belong to the same category, they will be sorted alphabetically
+    /// according to `sortOrder`.
+    ///
+    /// This rule will not consider spread props or the [Vue `v-bind="object"` syntax](https://vuejs.org/guide/essentials/template-syntax.html#dynamically-binding-multiple-attributes)
+    /// as sortable.
+    /// Instead, it will sort each group of consecutive sortable attributes within the element,
+    /// leaving any spread props or `v-bind="object"` attributes in place.
+    /// This prevents breaking the override of certain props using spread
+    /// props or `v-bind="object"`.
+    ///
+    /// ## Examples
+    ///
+    /// ### Invalid
+    ///
+    /// ```html,expect_diagnostic
+    /// <input type="text" id="name" name="name" />
+    /// ```
+    ///
+    /// ```html,expect_diagnostic
+    /// <textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-11="" data-12="" data-2="">Hello, world!</textarea>
+    /// ```
+    ///
+    /// ```astro,expect_diagnostic
+    ///   <svg slot="fallback" class="generic-avatar" transition:name="avatar">...</svg>
+    /// ```
+    ///
+    /// ```svelte,expect_diagnostic
+    ///   	<input type="range" bind:value={b} min="0" max="10" />
+    /// ```
+    ///
+    /// ```svelte,expect_diagnostic
+    ///   	<div bind:value2={a} bind:value1={a} {...props} style:color="red">...</div>
+    /// ```
+    ///
+    /// ```vue,expect_diagnostic
+    ///   	<input @input="onInput" :value="text" placeholder="Type here">
+    /// ```
+    ///
+    /// ### Valid
+    ///
+    /// ```html
+    /// <input id="name" name="name" type="text" />
+    /// ```
+    ///
+    /// ```html
+    /// <textarea cols="20" data-1="" data-2="" data-11="" data-12="" id="mytextarea" name="textarea" rows="5">Hello, world!</textarea>
+    /// ```
+    ///
+    /// ```astro
+    ///   <svg class="generic-avatar" slot="fallback" transition:name="avatar">...</svg>
+    /// ```
+    ///
+    /// ```svelte
+    ///   	<input max="10" min="0" type="range" bind:value={b} />
+    /// ```
+    ///
+    /// ```svelte
+    ///   	<div bind:value1={a} bind:value2={a} {...props} style:color="red">...</div>
+    /// ```
+    ///
+    /// ```vue
+    ///   	<input placeholder="Type here" :value="text" @input="onInput" >
+    /// ```
+    ///
+    /// ## Options
+    ///
+    /// The following options are available
+    ///
+    /// ### `sortOrder`
+    /// The sort ordering to enforce.
+    /// Values:
+    ///
+    /// - `"[natural](https://en.wikipedia.org/wiki/Natural_sort_order)"`
+    /// - `"[lexicographic](https://en.wikipedia.org/wiki/Lexicographic_order)"`
+    ///
+    /// Default: `"natural"`
+    ///
+    /// #### Examples for `"sortOrder": "lexicographic"`
+    ///
+    /// ```json,options
+    /// {
+    ///     "options": {
+    ///         "sortOrder": "lexicographic"
+    ///     }
+    /// }
+    /// ```
+    /// ```html,use_options,expect_diagnostic
+    /// <textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-2="" data-11="" data-12="">Hello, world!</textarea>
+    /// ```
+    ///
+    pub UseSortedAttributes {
+        version: "next",
+        name: "useSortedAttributes",
+        language: "html",
+        recommended: false,
+        sources: &[RuleSource::HtmlEslint("sort-attrs").inspired(), RuleSource::EslintVueJs("attributes-order").inspired(), RuleSource::EslintSvelte("sort-attributes").inspired(), RuleSource::EslintAstro("sort-attributes").inspired()],
+        fix_kind: FixKind::Safe,
+    }
+}
+
+impl Rule for UseSortedAttributes {
+    type Query = Ast<HtmlAttributeList>;
+    type State = AttributeGroup<SortableHtmlAttribute>;
+    type Signals = Box<[Self::State]>;
+    type Options = UseSortedAttributesOptions;
+
+    fn run(ctx: &RuleContext<Self>) -> Self::Signals {
+        let attrs = ctx.query();
+        let options = ctx.options();
+
+        let mut current_attr_group = AttributeGroup::default();
+        let mut attr_groups = Vec::new();
+        let sort_by = options.sort_order.unwrap_or_default();
+
+        let comparator = get_comparator(sort_by);
+
+        // Convert to boolean-based comparator for is_sorted_by
+        let boolean_comparator = |a: &SortableHtmlAttribute, b: &SortableHtmlAttribute| {
+            comparator(a, b) != Ordering::Greater
+        };
+
+        let reset_attr_group = |mut current_group: AttributeGroup<SortableHtmlAttribute>,
+                                groups: &mut Vec<_>| {
+            if !current_group.is_empty() && !current_group.is_sorted(boolean_comparator) {
+                groups.push(current_group);
+                AttributeGroup::default()
+            } else {
+                // Reuse the same buffer
+                current_group.clear();
+                current_group
+            }
+        };
+
+        for attr in attrs {
+            match attr {
+                AnyHtmlAttribute::HtmlSpreadAttribute(_) => {
+                    current_attr_group = reset_attr_group(current_attr_group, &mut attr_groups);
+                }
+                attr => {
+                    if is_v_bind_object(&attr) {
+                        current_attr_group = reset_attr_group(current_attr_group, &mut attr_groups);
+                    } else {
+                        current_attr_group.attrs.push(SortableHtmlAttribute(attr));
+                    }
+                }
+            }
+        }
+        if !current_attr_group.is_empty() && !current_attr_group.is_sorted(boolean_comparator) {
+            attr_groups.push(current_attr_group);
+        }
+        attr_groups.into_boxed_slice()
+    }
+
+    fn diagnostic(ctx: &RuleContext<Self>, state: &Self::State) -> Option<RuleDiagnostic> {
+        Some(RuleDiagnostic::new(
+            category!("assist/source/useSortedAttributes"),
+            Self::text_range(ctx, state)?,
+            markup! {
+                "The attributes are not sorted."
+            },
+        ))
+    }
+
+    fn text_range(ctx: &RuleContext<Self>, _state: &Self::State) -> Option<TextRange> {
+        ctx.query().syntax().ancestors().skip(1).find_map(|node| {
+            HtmlOpeningElement::cast_ref(&node)
+                .map(|element| element.range())
+                .or_else(|| HtmlSelfClosingElement::cast_ref(&node).map(|element| element.range()))
+        })
+    }
+
+    fn action(ctx: &RuleContext<Self>, state: &Self::State) -> Option<HtmlRuleAction> {
+        let mut mutation = ctx.root().begin();
+        let options = ctx.options();
+        let sort_by = options.sort_order.unwrap_or_default();
+
+        let comparator = get_comparator(sort_by);
+
+        for (SortableHtmlAttribute(attr), SortableHtmlAttribute(sorted_attr)) in
+            zip(state.attrs.iter(), state.get_sorted_attributes(comparator)?)
+        {
+            mutation.replace_node_discard_trivia(attr.clone(), sorted_attr);
+        }
+
+        Some(RuleAction::new(
+            rule_action_category!(),
+            Applicability::Always,
+            markup! { "Sort the HTML attributes." },
+            mutation,
+        ))
+    }
+}
+
+fn is_v_bind_object(attr: &AnyHtmlAttribute) -> bool {
+    if let AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueDirective(dir)) = attr {
+        if let Ok(attr_name) = dir.name_token().as_ref().map(|token| token.text_trimmed()) {
+            attr_name == "v-bind" && dir.arg().is_none()
+        } else {
+            false
+        }
+    } else {
+        false
+    }
+}
+
+#[derive(PartialEq, Eq, Clone, PartialOrd, Ord)]
+enum SortCategory {
+    HtmlAttribute,
+    AstroClassDirective,
+    AstroClientDirective,
+    AstroDefineDirective,
+    AstroIsDirective,
+    AstroServerDirective,
+    AstroSetDirective,
+    SvelteBindThisDirective,
+    SvelteStyleDirective,
+    SvelteClassDirective,
+    SvelteBindDirective,
+    SvelteUseDirective,
+    SvelteTransitionDirective,
+    SvelteInDirective,
+    SvelteOutDirective,
+    SvelteAnimateDirective,
+    SvelteAttachAttribute,
+
+    VueDefinition,
+    VueListRendering,
+    VueConditional,
+    VueRenderModifier,
+    VueUnique,
+    VueSlot,
+    VueTwoWayBinding,
+    VueCustomDirective,
+    // `v-bind`, etc.
+    VueOtherAttribute,
+    VueEvent,
+    VueContent,
+
+    Unknown,
+}
+
+#[derive(PartialEq, Eq, Clone)]
+pub struct SortableHtmlAttribute(AnyHtmlAttribute);
+
+impl SortableHtmlAttribute {
+    fn category(&self) -> SortCategory {
+        match &self.0 {
+            AnyHtmlAttribute::HtmlAttribute(attr) => {
+                if let Ok(attr_name) = attr
+                    .name()
+                    .and_then(|name| name.value_token())
+                    .as_ref()
+                    .map(|token| token.text_trimmed())
+                {
+                    match attr_name {
+                        // Vue ref attribute
+                        "ref" => SortCategory::VueUnique,
+                        _ => SortCategory::HtmlAttribute,
+                    }
+                } else {
+                    SortCategory::HtmlAttribute
+                }
+            }
+            AnyHtmlAttribute::HtmlAttributeSingleTextExpression(_) => SortCategory::HtmlAttribute,
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroClassDirective(_)) => {
+                SortCategory::AstroClassDirective
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroClientDirective(_)) => {
+                SortCategory::AstroClientDirective
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroDefineDirective(_)) => {
+                SortCategory::AstroDefineDirective
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroIsDirective(_)) => {
+                SortCategory::AstroIsDirective
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroServerDirective(_)) => {
+                SortCategory::AstroServerDirective
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroSetDirective(_)) => {
+                SortCategory::AstroSetDirective
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteStyleDirective(_)) => {
+                SortCategory::SvelteStyleDirective
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteClassDirective(_)) => {
+                SortCategory::SvelteClassDirective
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteBindDirective(dir)) => {
+                if let Some(token) = dir
+                    .value()
+                    .ok()
+                    .and_then(|value| svelte_directive_value_token(&value))
+                {
+                    match token.text_trimmed() {
+                        "this" => SortCategory::SvelteBindThisDirective,
+                        _ => SortCategory::SvelteBindDirective,
+                    }
+                } else {
+                    SortCategory::SvelteBindDirective
+                }
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteUseDirective(_)) => {
+                SortCategory::SvelteUseDirective
+            }
+            AnyHtmlAttribute::AnySvelteDirective(
+                AnySvelteDirective::SvelteTransitionDirective(_),
+            ) => SortCategory::SvelteTransitionDirective,
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteInDirective(_)) => {
+                SortCategory::SvelteInDirective
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteOutDirective(_)) => {
+                SortCategory::SvelteOutDirective
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteAnimateDirective(_)) => {
+                SortCategory::SvelteAnimateDirective
+            }
+            AnyHtmlAttribute::SvelteAttachAttribute(_) => SortCategory::SvelteAttachAttribute,
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueBogusDirective(_)) => {
+                SortCategory::Unknown
+            }
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueDirective(dir)) => {
+                if let Ok(attr_name) = dir.name_token().as_ref().map(|token| token.text_trimmed()) {
+                    match attr_name {
+                        "v-for" => SortCategory::VueListRendering,
+                        "v-if" | "v-else-if" | "v-else" | "v-show" | "v-cloak" => {
+                            SortCategory::VueConditional
+                        }
+                        "v-once" | "v-pre" => SortCategory::VueRenderModifier,
+                        "v-slot" => SortCategory::VueSlot,
+                        "v-model" => SortCategory::VueTwoWayBinding,
+                        "v-on" => SortCategory::VueEvent,
+                        "v-text" | "v-html" => SortCategory::VueContent,
+                        "v-bind" => SortCategory::VueOtherAttribute,
+                        _ => SortCategory::VueCustomDirective,
+                    }
+                } else {
+                    SortCategory::VueCustomDirective
+                }
+            }
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueVBindShorthandDirective(dir)) => {
+                if let Ok(arg) = dir.arg().and_then(|arg| arg.arg()) {
+                    match arg {
+                        AnyVueDirectiveArgument::VueBogusDirectiveArgument(_) => {
+                            SortCategory::Unknown
+                        }
+                        AnyVueDirectiveArgument::VueDynamicArgument(_) => {
+                            SortCategory::VueOtherAttribute
+                        }
+                        AnyVueDirectiveArgument::VueStaticArgument(arg) => {
+                            if let Ok(arg_name) =
+                                arg.name_token().as_ref().map(|token| token.text_trimmed())
+                            {
+                                match arg_name {
+                                    "is" => SortCategory::VueDefinition,
+                                    "key" => SortCategory::VueUnique,
+                                    _ => SortCategory::VueOtherAttribute,
+                                }
+                            } else {
+                                SortCategory::VueCustomDirective
+                            }
+                        }
+                    }
+                } else {
+                    SortCategory::VueCustomDirective
+                }
+            }
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueVOnShorthandDirective(_)) => {
+                SortCategory::VueEvent
+            }
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueVSlotShorthandDirective(_)) => {
+                SortCategory::VueSlot
+            }
+            _ => SortCategory::Unknown,
+        }
+    }
+}
+
+fn svelte_directive_value_token(
+    directive: &SvelteDirectiveValue,
+) -> Option<SyntaxToken<HtmlLanguage>> {
+    match &directive.property().ok()? {
+        AnySvelteBindingProperty::SvelteLiteral(l) => l.value_token().ok(),
+        AnySvelteBindingProperty::SvelteName(n) => n.ident_token().ok(),
+    }
+}
+
+fn vue_directive_arg_token(arg: &AnyVueDirectiveArgument) -> Option<SyntaxToken<HtmlLanguage>> {
+    match arg {
+        AnyVueDirectiveArgument::VueBogusDirectiveArgument(_) => None,
+        AnyVueDirectiveArgument::VueDynamicArgument(_) => None,
+        AnyVueDirectiveArgument::VueStaticArgument(arg) => arg.name_token().ok(),
+    }
+}
+
+fn astro_directive_value_token(
+    directive: &AstroDirectiveValue,
+) -> Option<SyntaxToken<HtmlLanguage>> {
+    directive.name().ok()?.value_token().ok()
+}
+
+impl SortableAttribute for SortableHtmlAttribute {
+    type Language = HtmlLanguage;
+
+    /// Returns the value of the attribute to be compared against another attribute from the same category.
+    fn name(&self) -> Option<SyntaxToken<Self::Language>> {
+        match &self.0 {
+            AnyHtmlAttribute::HtmlAttribute(attr) => attr.name().ok()?.value_token().ok(),
+            AnyHtmlAttribute::HtmlAttributeSingleTextExpression(attr) => {
+                attr.expression().ok()?.html_literal_token().ok()
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroClassDirective(dir)) => {
+                astro_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroClientDirective(dir)) => {
+                astro_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroDefineDirective(dir)) => {
+                astro_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroIsDirective(dir)) => {
+                astro_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroServerDirective(dir)) => {
+                astro_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnyAstroDirective(AnyAstroDirective::AstroSetDirective(dir)) => {
+                astro_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteStyleDirective(dir)) => {
+                svelte_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteClassDirective(dir)) => {
+                svelte_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteBindDirective(dir)) => {
+                svelte_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteUseDirective(dir)) => {
+                svelte_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnySvelteDirective(
+                AnySvelteDirective::SvelteTransitionDirective(dir),
+            ) => svelte_directive_value_token(&dir.value().ok()?),
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteInDirective(dir)) => {
+                svelte_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteOutDirective(dir)) => {
+                svelte_directive_value_token(&dir.value().ok()?)
+            }
+            AnyHtmlAttribute::AnySvelteDirective(AnySvelteDirective::SvelteAnimateDirective(
+                dir,
+            )) => svelte_directive_value_token(&dir.value().ok()?),
+            AnyHtmlAttribute::SvelteAttachAttribute(_) => None,
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueDirective(dir)) => {
+                match dir.name_token().ok()?.text_trimmed() {
+                    "v-on" | "v-bind" | "v-slot" => dir
+                        .arg()?
+                        .arg()
+                        .ok()
+                        .and_then(|arg| vue_directive_arg_token(&arg)),
+                    _ => dir.name_token().ok(),
+                }
+            }
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueVBindShorthandDirective(dir)) => {
+                vue_directive_arg_token(&dir.arg().ok()?.arg().ok()?)
+            }
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueVSlotShorthandDirective(dir)) => {
+                vue_directive_arg_token(&dir.arg().ok()?)
+            }
+            AnyHtmlAttribute::AnyVueDirective(AnyVueDirective::VueVOnShorthandDirective(dir)) => {
+                vue_directive_arg_token(&dir.arg().ok()?)
+            }
+            _ => None,
+        }
+    }
+
+    fn node(&self) -> &impl AstNode<Language = Self::Language> {
+        &self.0
+    }
+
+    fn replace_token(
+        self,
+        prev_token: SyntaxToken<Self::Language>,
+        next_token: SyntaxToken<Self::Language>,
+    ) -> Option<Self>
+    where
+        Self: Sized,
+    {
+        Some(Self(
+            self.0
+                .replace_token_discard_trivia(prev_token, next_token)?,
+        ))
+    }
+}
+
+fn compare_html_attributes(
+    a: &SortableHtmlAttribute,
+    b: &SortableHtmlAttribute,
+    comparator: fn(&SortableHtmlAttribute, &SortableHtmlAttribute) -> Ordering,
+) -> Ordering {
+    // Sort by category first
+    if a.category() != b.category() {
+        return a.category().cmp(&b.category());
+    }
+
+    // If category is the same, sort according to comparator
+    comparator(a, b)
+}
+
+fn ascii_nat_cmp(a: &SortableHtmlAttribute, b: &SortableHtmlAttribute) -> Ordering {
+    compare_html_attributes(a, b, SortableHtmlAttribute::ascii_nat_cmp)
+}
+
+fn lexicographic_cmp(a: &SortableHtmlAttribute, b: &SortableHtmlAttribute) -> Ordering {
+    compare_html_attributes(a, b, SortableHtmlAttribute::lexicographic_cmp)
+}
+
+fn get_comparator(
+    sort_order: SortOrder,
+) -> fn(&SortableHtmlAttribute, &SortableHtmlAttribute) -> Ordering {
+    match sort_order {
+        SortOrder::Natural => ascii_nat_cmp,
+        SortOrder::Lexicographic => lexicographic_cmp,
+    }
+}
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/sorted.astro b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/sorted.astro
new file mode 100644
index 000000000000..36399e951b7f
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/sorted.astro
@@ -0,0 +1,28 @@
+<Component
+  dir="auto"
+  id="myid"
+  spellcheck="true"
+  tabindex="-1"
+  class:list={classes}
+  client:load
+  define:vars={vars}
+  is:raw
+  server:defer
+  set:html={rawHTMLString}
+  set:text={text}
+/>
+
+<Component
+  class:list={classes}
+  client:load
+  is:raw
+  set:text={text}
+  {...props}
+  dir="auto"
+  id="myid"
+  spellcheck="true"
+  tabindex="-1"
+  define:vars={vars}
+  server:defer
+  set:html={rawHTMLString}
+/>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/sorted.astro.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/sorted.astro.snap
new file mode 100644
index 000000000000..c59623cff1aa
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/sorted.astro.snap
@@ -0,0 +1,36 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: sorted.astro
+---
+# Input
+```astro
+<Component
+  dir="auto"
+  id="myid"
+  spellcheck="true"
+  tabindex="-1"
+  class:list={classes}
+  client:load
+  define:vars={vars}
+  is:raw
+  server:defer
+  set:html={rawHTMLString}
+  set:text={text}
+/>
+
+<Component
+  class:list={classes}
+  client:load
+  is:raw
+  set:text={text}
+  {...props}
+  dir="auto"
+  id="myid"
+  spellcheck="true"
+  tabindex="-1"
+  define:vars={vars}
+  server:defer
+  set:html={rawHTMLString}
+/>
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/unsorted.astro b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/unsorted.astro
new file mode 100644
index 000000000000..7c7e38233b01
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/unsorted.astro
@@ -0,0 +1,28 @@
+<Component
+  client:load
+  class:list={classes}
+  set:text={text}
+  is:raw
+  spellcheck="true"
+  tabindex="-1"
+  dir="auto"
+  define:vars={vars}
+  set:html={rawHTMLString}
+  server:defer
+  id="myid"
+/>
+
+<Component
+  client:load
+  class:list={classes}
+  set:text={text}
+  is:raw
+  {...props}
+  spellcheck="true"
+  tabindex="-1"
+  dir="auto"
+  define:vars={vars}
+  set:html={rawHTMLString}
+  server:defer
+  id="myid"
+/>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/unsorted.astro.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/unsorted.astro.snap
new file mode 100644
index 000000000000..58f5adda9f04
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/astro/unsorted.astro.snap
@@ -0,0 +1,160 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: unsorted.astro
+---
+# Input
+```astro
+<Component
+  client:load
+  class:list={classes}
+  set:text={text}
+  is:raw
+  spellcheck="true"
+  tabindex="-1"
+  dir="auto"
+  define:vars={vars}
+  set:html={rawHTMLString}
+  server:defer
+  id="myid"
+/>
+
+<Component
+  client:load
+  class:list={classes}
+  set:text={text}
+  is:raw
+  {...props}
+  spellcheck="true"
+  tabindex="-1"
+  dir="auto"
+  define:vars={vars}
+  set:html={rawHTMLString}
+  server:defer
+  id="myid"
+/>
+
+```
+
+# Diagnostics
+```
+unsorted.astro:1:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+   > 1 │ <Component
+       │ ^^^^^^^^^^
+   > 2 │   client:load
+   > 3 │   class:list={classes}
+   > 4 │   set:text={text}
+        ...
+  > 12 │   id="myid"
+  > 13 │ />
+       │ ^^
+    14 │ 
+    15 │ <Component
+  
+  i Safe fix: Sort the HTML attributes.
+  
+     1  1 │   <Component
+     2    │ - ··client:load
+     3    │ - ··class:list={classes}
+     4    │ - ··set:text={text}
+     5    │ - ··is:raw
+     6    │ - ··spellcheck="true"
+     7    │ - ··tabindex="-1"
+     8    │ - ··dir="auto"
+     9    │ - ··define:vars={vars}
+    10    │ - ··set:html={rawHTMLString}
+    11    │ - ··server:defer
+    12    │ - ··id="myid"
+        2 │ + ··dir="auto"
+        3 │ + ··id="myid"
+        4 │ + ··spellcheck="true"
+        5 │ + ··tabindex="-1"
+        6 │ + ··class:list={classes}
+        7 │ + ··client:load
+        8 │ + ··define:vars={vars}
+        9 │ + ··is:raw
+       10 │ + ··server:defer
+       11 │ + ··set:html={rawHTMLString}
+       12 │ + ··set:text={text}
+    13 13 │   />
+    14 14 │   
+  
+
+```
+
+```
+unsorted.astro:15:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    13 │ />
+    14 │ 
+  > 15 │ <Component
+       │ ^^^^^^^^^^
+  > 16 │   client:load
+        ...
+  > 26 │   server:defer
+  > 27 │   id="myid"
+  > 28 │ />
+       │ ^^
+    29 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    14 14 │   
+    15 15 │   <Component
+    16    │ - ··client:load
+    17    │ - ··class:list={classes}
+    18    │ - ··set:text={text}
+    19    │ - ··is:raw
+       16 │ + ··class:list={classes}
+       17 │ + ··client:load
+       18 │ + ··is:raw
+       19 │ + ··set:text={text}
+    20 20 │     {...props}
+    21 21 │     spellcheck="true"
+  
+
+```
+
+```
+unsorted.astro:15:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    13 │ />
+    14 │ 
+  > 15 │ <Component
+       │ ^^^^^^^^^^
+  > 16 │   client:load
+        ...
+  > 26 │   server:defer
+  > 27 │   id="myid"
+  > 28 │ />
+       │ ^^
+    29 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    19 19 │     is:raw
+    20 20 │     {...props}
+    21    │ - ··spellcheck="true"
+    22    │ - ··tabindex="-1"
+    23    │ - ··dir="auto"
+    24    │ - ··define:vars={vars}
+    25    │ - ··set:html={rawHTMLString}
+       21 │ + ··dir="auto"
+       22 │ + ··id="myid"
+       23 │ + ··spellcheck="true"
+       24 │ + ··tabindex="-1"
+       25 │ + ··define:vars={vars}
+    26 26 │     server:defer
+    27    │ - ··id="myid"
+       27 │ + ··set:html={rawHTMLString}
+    28 28 │   />
+    29 29 │   
+  
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.html b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.html
new file mode 100644
index 000000000000..65d870142ee5
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.html
@@ -0,0 +1,4 @@
+<!-- should not generate diagnostics -->
+<input id="name" name="name" type="text" />
+<textarea cols="20" data-1="" data-11="" data-12="" data-2="" id="mytextarea" name="textarea" rows="5">
+Hello, world!</textarea>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.html.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.html.snap
new file mode 100644
index 000000000000..1a379ad3b482
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.html.snap
@@ -0,0 +1,12 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: sorted-lexicographic.html
+---
+# Input
+```html
+<!-- should not generate diagnostics -->
+<input id="name" name="name" type="text" />
+<textarea cols="20" data-1="" data-11="" data-12="" data-2="" id="mytextarea" name="textarea" rows="5">
+Hello, world!</textarea>
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.options.json b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.options.json
new file mode 100644
index 000000000000..6c8dd47ea560
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted-lexicographic.options.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../../../../../packages/@biomejs/biome/configuration_schema.json",
+    "assist": {
+        "actions": {
+            "source": {
+                "useSortedAttributes": {
+                    "level": "on",
+                    "options": {
+                        "sortOrder": "lexicographic"
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted.html b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted.html
new file mode 100644
index 000000000000..2529d4e38fcf
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted.html
@@ -0,0 +1,8 @@
+<!-- should not generate diagnostics -->
+<input id="name" name="name" type="text" />
+<textarea cols="20" data-1="" data-2="" data-11="" data-12="" id="mytextarea" name="textarea" rows="5">
+Hello, world!</textarea>
+
+<input checked id="" name="" readonly required type="checkbox">
+
+<input checked id="" name="" type="checkbox">
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted.html.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted.html.snap
new file mode 100644
index 000000000000..59f0fe8acea8
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/sorted.html.snap
@@ -0,0 +1,16 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: sorted.html
+---
+# Input
+```html
+<!-- should not generate diagnostics -->
+<input id="name" name="name" type="text" />
+<textarea cols="20" data-1="" data-2="" data-11="" data-12="" id="mytextarea" name="textarea" rows="5">
+Hello, world!</textarea>
+
+<input checked id="" name="" readonly required type="checkbox">
+
+<input checked id="" name="" type="checkbox">
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.html b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.html
new file mode 100644
index 000000000000..1f9fcfbd9bb6
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.html
@@ -0,0 +1,4 @@
+<!-- should generate diagnostics -->
+<input type="text" id="name" name="name" />
+<textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-2="" data-11="" data-12="">
+Hello, world!</textarea>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.html.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.html.snap
new file mode 100644
index 000000000000..77fdf96cdeed
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.html.snap
@@ -0,0 +1,59 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: unsorted-lexicographic.html
+---
+# Input
+```html
+<!-- should generate diagnostics -->
+<input type="text" id="name" name="name" />
+<textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-2="" data-11="" data-12="">
+Hello, world!</textarea>
+
+```
+
+# Diagnostics
+```
+unsorted-lexicographic.html:2:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    1 │ <!-- should generate diagnostics -->
+  > 2 │ <input type="text" id="name" name="name" />
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    3 │ <textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-2="" data-11="" data-12="">
+    4 │ Hello, world!</textarea>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    1 1 │   <!-- should generate diagnostics -->
+    2   │ - <input·type="text"·id="name"·name="name"·/>
+      2 │ + <input·id="name"·name="name"·type="text"·/>
+    3 3 │   <textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-2="" data-11="" data-12="">
+    4 4 │   Hello, world!</textarea>
+  
+
+```
+
+```
+unsorted-lexicographic.html:3:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    1 │ <!-- should generate diagnostics -->
+    2 │ <input type="text" id="name" name="name" />
+  > 3 │ <textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-2="" data-11="" data-12="">
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    4 │ Hello, world!</textarea>
+    5 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    1 1 │   <!-- should generate diagnostics -->
+    2 2 │   <input type="text" id="name" name="name" />
+    3   │ - <textarea·id="mytextarea"·name="textarea"·rows="5"·cols="20"·data-1=""·data-2=""·data-11=""·data-12="">
+      3 │ + <textarea·cols="20"·data-1=""·data-11=""·data-12=""·data-2=""·id="mytextarea"·name="textarea"·rows="5"·>
+    4 4 │   Hello, world!</textarea>
+    5 5 │   
+  
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.options.json b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.options.json
new file mode 100644
index 000000000000..6c8dd47ea560
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted-lexicographic.options.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../../../../../packages/@biomejs/biome/configuration_schema.json",
+    "assist": {
+        "actions": {
+            "source": {
+                "useSortedAttributes": {
+                    "level": "on",
+                    "options": {
+                        "sortOrder": "lexicographic"
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted.html b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted.html
new file mode 100644
index 000000000000..fdcf951acf42
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted.html
@@ -0,0 +1,8 @@
+<!-- should generate diagnostics -->
+<input type="text" id="name" name="name" />
+<textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-11="" data-12="" data-2="">
+Hello, world!</textarea>
+
+<input type="checkbox" name="" id="" required readonly checked>
+
+<input type="checkbox" name="" id="" checked>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted.html.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted.html.snap
new file mode 100644
index 000000000000..8663781deb76
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/html/unsorted.html.snap
@@ -0,0 +1,109 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: unsorted.html
+---
+# Input
+```html
+<!-- should generate diagnostics -->
+<input type="text" id="name" name="name" />
+<textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-11="" data-12="" data-2="">
+Hello, world!</textarea>
+
+<input type="checkbox" name="" id="" required readonly checked>
+
+<input type="checkbox" name="" id="" checked>
+
+```
+
+# Diagnostics
+```
+unsorted.html:2:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    1 │ <!-- should generate diagnostics -->
+  > 2 │ <input type="text" id="name" name="name" />
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    3 │ <textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-11="" data-12="" data-2="">
+    4 │ Hello, world!</textarea>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    1 1 │   <!-- should generate diagnostics -->
+    2   │ - <input·type="text"·id="name"·name="name"·/>
+      2 │ + <input·id="name"·name="name"·type="text"·/>
+    3 3 │   <textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-11="" data-12="" data-2="">
+    4 4 │   Hello, world!</textarea>
+  
+
+```
+
+```
+unsorted.html:3:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    1 │ <!-- should generate diagnostics -->
+    2 │ <input type="text" id="name" name="name" />
+  > 3 │ <textarea id="mytextarea" name="textarea" rows="5" cols="20" data-1="" data-11="" data-12="" data-2="">
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    4 │ Hello, world!</textarea>
+    5 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    1 1 │   <!-- should generate diagnostics -->
+    2 2 │   <input type="text" id="name" name="name" />
+    3   │ - <textarea·id="mytextarea"·name="textarea"·rows="5"·cols="20"·data-1=""·data-11=""·data-12=""·data-2="">
+      3 │ + <textarea·cols="20"·data-1=""·data-2=""·data-11=""·data-12=""·id="mytextarea"·name="textarea"·rows="5"·>
+    4 4 │   Hello, world!</textarea>
+    5 5 │   
+  
+
+```
+
+```
+unsorted.html:6:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    4 │ Hello, world!</textarea>
+    5 │ 
+  > 6 │ <input type="checkbox" name="" id="" required readonly checked>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    7 │ 
+    8 │ <input type="checkbox" name="" id="" checked>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    4 4 │   Hello, world!</textarea>
+    5 5 │   
+    6   │ - <input·type="checkbox"·name=""·id=""·required·readonly·checked>
+      6 │ + <input·checked·id=""·name=""·readonly·required·type="checkbox"·>
+    7 7 │   
+    8 8 │   <input type="checkbox" name="" id="" checked>
+  
+
+```
+
+```
+unsorted.html:8:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    6 │ <input type="checkbox" name="" id="" required readonly checked>
+    7 │ 
+  > 8 │ <input type="checkbox" name="" id="" checked>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    9 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    6 6 │   <input type="checkbox" name="" id="" required readonly checked>
+    7 7 │   
+    8   │ - <input·type="checkbox"·name=""·id=""·checked>
+      8 │ + <input·checked·id=""·name=""·type="checkbox"·>
+    9 9 │   
+  
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/sorted.svelte b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/sorted.svelte
new file mode 100644
index 000000000000..9d64080b5ec2
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/sorted.svelte
@@ -0,0 +1,56 @@
+<input dir="auto" spellcheck="true" tabindex="-1" type="checkbox" bind:checked={accepted} />
+<input defaultChecked={true} dir="auto" spellcheck="true" tabindex="-1" type="checkbox" bind:checked>
+<div class="mydiv" dir="auto" spellcheck="true" tabindex="-1" style:color="red">some text</div>
+
+<img alt="some alt text" dir="auto" spellcheck="true" {src} tabindex="-1" use:myaction={data} />
+
+<div
+    dir="auto"
+    {foo}
+    onswipeleft={next}
+	onswiperight={prev}
+    spellcheck="true"
+    tabindex="-1"
+    bind:this={canvas}
+    style:color="red"
+    style:width="12rem"
+    class:cool={cool}
+    class:myClass={foo}
+    bind:value1={a}
+    bind:value2={a}
+	use:gestures
+    use:myAction
+    transition:fade
+    transition:fly={{ y: 200, duration: 2000 }}
+    in:fly={{ y: 200 }}
+    out:fade
+    animate:flip
+    animate:whizz
+    {@attach myAttachment}
+>...</div>
+
+<div
+	onswipeleft={next}
+	onswiperight={prev}
+    style:width="12rem"
+    bind:value1={a}
+    bind:value2={a}
+	use:gestures
+    use:myAction
+    transition:fade
+    out:fade
+    {@attach myAttachment}
+    {...props}
+    dir="auto"
+    {foo}
+    spellcheck="true"
+    tabindex="-1"
+    bind:this={canvas}
+    style:color="red"
+    class:cool={cool}
+    class:myClass={foo}
+    transition:fly={{ y: 200, duration: 2000 }}
+    in:fly={{ y: 200 }}
+    animate:flip
+    animate:whizz
+>...</div>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/sorted.svelte.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/sorted.svelte.snap
new file mode 100644
index 000000000000..c760a5881e03
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/sorted.svelte.snap
@@ -0,0 +1,64 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: sorted.svelte
+---
+# Input
+```svelte
+<input dir="auto" spellcheck="true" tabindex="-1" type="checkbox" bind:checked={accepted} />
+<input defaultChecked={true} dir="auto" spellcheck="true" tabindex="-1" type="checkbox" bind:checked>
+<div class="mydiv" dir="auto" spellcheck="true" tabindex="-1" style:color="red">some text</div>
+
+<img alt="some alt text" dir="auto" spellcheck="true" {src} tabindex="-1" use:myaction={data} />
+
+<div
+    dir="auto"
+    {foo}
+    onswipeleft={next}
+	onswiperight={prev}
+    spellcheck="true"
+    tabindex="-1"
+    bind:this={canvas}
+    style:color="red"
+    style:width="12rem"
+    class:cool={cool}
+    class:myClass={foo}
+    bind:value1={a}
+    bind:value2={a}
+	use:gestures
+    use:myAction
+    transition:fade
+    transition:fly={{ y: 200, duration: 2000 }}
+    in:fly={{ y: 200 }}
+    out:fade
+    animate:flip
+    animate:whizz
+    {@attach myAttachment}
+>...</div>
+
+<div
+	onswipeleft={next}
+	onswiperight={prev}
+    style:width="12rem"
+    bind:value1={a}
+    bind:value2={a}
+	use:gestures
+    use:myAction
+    transition:fade
+    out:fade
+    {@attach myAttachment}
+    {...props}
+    dir="auto"
+    {foo}
+    spellcheck="true"
+    tabindex="-1"
+    bind:this={canvas}
+    style:color="red"
+    class:cool={cool}
+    class:myClass={foo}
+    transition:fly={{ y: 200, duration: 2000 }}
+    in:fly={{ y: 200 }}
+    animate:flip
+    animate:whizz
+>...</div>
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/unsorted.svelte b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/unsorted.svelte
new file mode 100644
index 000000000000..44994a937910
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/unsorted.svelte
@@ -0,0 +1,56 @@
+<input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked={accepted} />
+<input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked defaultChecked={true}>
+<div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+
+<img use:myaction={data} spellcheck="true" tabindex="-1" dir="auto" {src} alt="some alt text" />
+
+<div
+    bind:value2={a}
+    bind:value1={a}
+    use:myAction
+	use:gestures
+    out:fade
+    transition:fade
+    style:width="12rem"
+	onswipeleft={next}
+	onswiperight={prev}
+    {@attach myAttachment}
+    spellcheck="true"
+    in:fly={{ y: 200 }}
+    tabindex="-1"
+    dir="auto"
+    class:cool={cool}
+    {foo}
+    class:myClass={foo}
+    animate:whizz
+    bind:this={canvas}
+    transition:fly={{ y: 200, duration: 2000 }}
+    animate:flip
+    style:color="red"
+>...</div>
+
+<div
+    bind:value2={a}
+    bind:value1={a}
+    use:myAction
+	use:gestures
+    out:fade
+    transition:fade
+    style:width="12rem"
+	onswipeleft={next}
+	onswiperight={prev}
+    {@attach myAttachment}
+    {...props}
+    spellcheck="true"
+    in:fly={{ y: 200 }}
+    tabindex="-1"
+    dir="auto"
+    class:cool={cool}
+    {foo}
+    class:myClass={foo}
+    animate:whizz
+    bind:this={canvas}
+    transition:fly={{ y: 200, duration: 2000 }}
+    animate:flip
+    style:color="red"
+>...</div>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/unsorted.svelte.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/unsorted.svelte.snap
new file mode 100644
index 000000000000..ff742a2ab0f8
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/svelte/unsorted.svelte.snap
@@ -0,0 +1,321 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: unsorted.svelte
+---
+# Input
+```svelte
+<input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked={accepted} />
+<input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked defaultChecked={true}>
+<div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+
+<img use:myaction={data} spellcheck="true" tabindex="-1" dir="auto" {src} alt="some alt text" />
+
+<div
+    bind:value2={a}
+    bind:value1={a}
+    use:myAction
+	use:gestures
+    out:fade
+    transition:fade
+    style:width="12rem"
+	onswipeleft={next}
+	onswiperight={prev}
+    {@attach myAttachment}
+    spellcheck="true"
+    in:fly={{ y: 200 }}
+    tabindex="-1"
+    dir="auto"
+    class:cool={cool}
+    {foo}
+    class:myClass={foo}
+    animate:whizz
+    bind:this={canvas}
+    transition:fly={{ y: 200, duration: 2000 }}
+    animate:flip
+    style:color="red"
+>...</div>
+
+<div
+    bind:value2={a}
+    bind:value1={a}
+    use:myAction
+	use:gestures
+    out:fade
+    transition:fade
+    style:width="12rem"
+	onswipeleft={next}
+	onswiperight={prev}
+    {@attach myAttachment}
+    {...props}
+    spellcheck="true"
+    in:fly={{ y: 200 }}
+    tabindex="-1"
+    dir="auto"
+    class:cool={cool}
+    {foo}
+    class:myClass={foo}
+    animate:whizz
+    bind:this={canvas}
+    transition:fly={{ y: 200, duration: 2000 }}
+    animate:flip
+    style:color="red"
+>...</div>
+
+```
+
+# Diagnostics
+```
+unsorted.svelte:1:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+  > 1 │ <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked={accepted} />
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    2 │ <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked defaultChecked={true}>
+    3 │ <div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+     1    │ - <input·type="checkbox"·spellcheck="true"·tabindex="-1"·dir="auto"·bind:checked={accepted}·/>
+        1 │ + <input·dir="auto"·spellcheck="true"·tabindex="-1"·type="checkbox"·bind:checked={accepted}·/>
+     2  2 │   <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked defaultChecked={true}>
+     3  3 │   <div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+  
+
+```
+
+```
+unsorted.svelte:2:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    1 │ <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked={accepted} />
+  > 2 │ <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked defaultChecked={true}>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    3 │ <div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+    4 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+     1  1 │   <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked={accepted} />
+     2    │ - <input·type="checkbox"·spellcheck="true"·tabindex="-1"·dir="auto"·bind:checked·defaultChecked={true}>
+        2 │ + <input·defaultChecked={true}·dir="auto"·spellcheck="true"·tabindex="-1"·type="checkbox"·bind:checked·>
+     3  3 │   <div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+     4  4 │   
+  
+
+```
+
+```
+unsorted.svelte:3:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    1 │ <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked={accepted} />
+    2 │ <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked defaultChecked={true}>
+  > 3 │ <div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    4 │ 
+    5 │ <img use:myaction={data} spellcheck="true" tabindex="-1" dir="auto" {src} alt="some alt text" />
+  
+  i Safe fix: Sort the HTML attributes.
+  
+     1  1 │   <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked={accepted} />
+     2  2 │   <input type="checkbox" spellcheck="true" tabindex="-1" dir="auto" bind:checked defaultChecked={true}>
+     3    │ - <div·style:color="red"·spellcheck="true"·tabindex="-1"·dir="auto"·class="mydiv">some·text</div>
+        3 │ + <div·class="mydiv"·dir="auto"·spellcheck="true"·tabindex="-1"·style:color="red"·>some·text</div>
+     4  4 │   
+     5  5 │   <img use:myaction={data} spellcheck="true" tabindex="-1" dir="auto" {src} alt="some alt text" />
+  
+
+```
+
+```
+unsorted.svelte:5:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    3 │ <div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+    4 │ 
+  > 5 │ <img use:myaction={data} spellcheck="true" tabindex="-1" dir="auto" {src} alt="some alt text" />
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    6 │ 
+    7 │ <div
+  
+  i Safe fix: Sort the HTML attributes.
+  
+     3  3 │   <div style:color="red" spellcheck="true" tabindex="-1" dir="auto" class="mydiv">some text</div>
+     4  4 │   
+     5    │ - <img·use:myaction={data}·spellcheck="true"·tabindex="-1"·dir="auto"·{src}·alt="some·alt·text"·/>
+        5 │ + <img·alt="some·alt·text"·dir="auto"·spellcheck="true"·{src}·tabindex="-1"·use:myaction={data}·/>
+     6  6 │   
+     7  7 │   <div
+  
+
+```
+
+```
+unsorted.svelte:7:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+     5 │ <img use:myaction={data} spellcheck="true" tabindex="-1" dir="auto" {src} alt="some alt text" />
+     6 │ 
+   > 7 │ <div
+       │ ^^^^
+   > 8 │     bind:value2={a}
+        ...
+  > 29 │     style:color="red"
+  > 30 │ >...</div>
+       │ ^
+    31 │ 
+    32 │ <div
+  
+  i Safe fix: Sort the HTML attributes.
+  
+     6  6 │   
+     7  7 │   <div
+     8    │ - ····bind:value2={a}
+     9    │ - ····bind:value1={a}
+    10    │ - ····use:myAction
+    11    │ - → use:gestures
+    12    │ - ····out:fade
+    13    │ - ····transition:fade
+    14    │ - ····style:width="12rem"
+    15    │ - → onswipeleft={next}
+    16    │ - → onswiperight={prev}
+    17    │ - ····{@attach·myAttachment}
+    18    │ - ····spellcheck="true"
+    19    │ - ····in:fly={{·y:·200·}}
+    20    │ - ····tabindex="-1"
+    21    │ - ····dir="auto"
+    22    │ - ····class:cool={cool}
+    23    │ - ····{foo}
+    24    │ - ····class:myClass={foo}
+    25    │ - ····animate:whizz
+    26    │ - ····bind:this={canvas}
+    27    │ - ····transition:fly={{·y:·200,·duration:·2000·}}
+    28    │ - ····animate:flip
+    29    │ - ····style:color="red"
+        8 │ + ····dir="auto"
+        9 │ + ····{foo}
+       10 │ + → onswipeleft={next}
+       11 │ + → onswiperight={prev}
+       12 │ + ····spellcheck="true"
+       13 │ + ····tabindex="-1"
+       14 │ + ····bind:this={canvas}
+       15 │ + ····style:color="red"
+       16 │ + ····style:width="12rem"
+       17 │ + ····class:cool={cool}
+       18 │ + ····class:myClass={foo}
+       19 │ + ····bind:value1={a}
+       20 │ + ····bind:value2={a}
+       21 │ + → use:gestures
+       22 │ + ····use:myAction
+       23 │ + ····transition:fade
+       24 │ + ····transition:fly={{·y:·200,·duration:·2000·}}
+       25 │ + ····in:fly={{·y:·200·}}
+       26 │ + ····out:fade
+       27 │ + ····animate:flip
+       28 │ + ····animate:whizz
+       29 │ + ····{@attach·myAttachment}
+    30 30 │   >...</div>
+    31 31 │   
+  
+
+```
+
+```
+unsorted.svelte:32:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    30 │ >...</div>
+    31 │ 
+  > 32 │ <div
+       │ ^^^^
+  > 33 │     bind:value2={a}
+        ...
+  > 54 │     animate:flip
+  > 55 │     style:color="red"
+  > 56 │ >...</div>
+       │ ^
+    57 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    42 42 │       {@attach myAttachment}
+    43 43 │       {...props}
+    44    │ - ····spellcheck="true"
+    45    │ - ····in:fly={{·y:·200·}}
+    46    │ - ····tabindex="-1"
+    47    │ - ····dir="auto"
+    48    │ - ····class:cool={cool}
+    49    │ - ····{foo}
+    50    │ - ····class:myClass={foo}
+    51    │ - ····animate:whizz
+    52    │ - ····bind:this={canvas}
+    53    │ - ····transition:fly={{·y:·200,·duration:·2000·}}
+       44 │ + ····dir="auto"
+       45 │ + ····{foo}
+       46 │ + ····spellcheck="true"
+       47 │ + ····tabindex="-1"
+       48 │ + ····bind:this={canvas}
+       49 │ + ····style:color="red"
+       50 │ + ····class:cool={cool}
+       51 │ + ····class:myClass={foo}
+       52 │ + ····transition:fly={{·y:·200,·duration:·2000·}}
+       53 │ + ····in:fly={{·y:·200·}}
+    54 54 │       animate:flip
+    55    │ - ····style:color="red"
+       55 │ + ····animate:whizz
+    56 56 │   >...</div>
+    57 57 │   
+  
+
+```
+
+```
+unsorted.svelte:32:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    30 │ >...</div>
+    31 │ 
+  > 32 │ <div
+       │ ^^^^
+  > 33 │     bind:value2={a}
+        ...
+  > 54 │     animate:flip
+  > 55 │     style:color="red"
+  > 56 │ >...</div>
+       │ ^
+    57 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    31 31 │   
+    32 32 │   <div
+    33    │ - ····bind:value2={a}
+    34    │ - ····bind:value1={a}
+    35    │ - ····use:myAction
+    36    │ - → use:gestures
+    37    │ - ····out:fade
+    38    │ - ····transition:fade
+    39    │ - ····style:width="12rem"
+    40    │ - → onswipeleft={next}
+    41    │ - → onswiperight={prev}
+       33 │ + → onswipeleft={next}
+       34 │ + → onswiperight={prev}
+       35 │ + ····style:width="12rem"
+       36 │ + ····bind:value1={a}
+       37 │ + ····bind:value2={a}
+       38 │ + → use:gestures
+       39 │ + ····use:myAction
+       40 │ + ····transition:fade
+       41 │ + ····out:fade
+    42 42 │       {@attach myAttachment}
+    43 43 │       {...props}
+  
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/sorted.vue b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/sorted.vue
new file mode 100644
index 000000000000..f33c6c042199
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/sorted.vue
@@ -0,0 +1,63 @@
+<p class="flex" dir="auto" id="hello" v-show="ok" v-foo:bar.baz v-text="msg"></p>
+
+<div
+  dir="auto"
+  spellcheck="true"
+  tabindex="-1"
+  :is="tabs[currentTab]"
+  v-for="item in items"
+  v-if="awesome"
+  v-once
+  :key="item.id"
+  ref="my-ref"
+  v-slot:default
+  v-model="countModel"
+  :class="{ red: isRed }"
+  v-bind:src="'/path/to/images/' + fileName"
+  v-on:click="doThis"
+  @scroll.passive="onScroll"
+  v-text="msg"
+></div>
+
+<!-- with v-bind="object" -->
+<div
+  v-once
+  ref="my-ref"
+  v-slot:default
+  v-on:click="doThis"
+
+  v-bind="{ id: someProp, 'other-attr': otherProp }"
+  
+  dir="auto"
+  spellcheck="true"
+  tabindex="-1"
+  :is="tabs[currentTab]"
+  v-for="item in items"
+  v-if="awesome"
+  :key="item.id"
+  v-model="countModel"
+  :class="{ red: isRed }"
+  v-bind:src="'/path/to/images/' + fileName"
+  @scroll.passive="onScroll"
+  v-text="msg"
+></div>
+
+<!-- sort alphabetically within the same category  -->
+<div v-else v-else-if="type === 'B'" v-if="awesome" v-show="ok">
+</div>
+
+<div v-once v-pre></div>
+
+<div :key="item.id" ref="my-ref"></div>
+
+<div v-slot:default v-slot:footer #header v-slot="{ x, y }" #[dynamicSlotName]></div>
+
+<div v-slot:default v-slot:footer #header #[dynamicSlotName] v-slot="{ x, y }"></div>
+
+<div v-mycustomdirectivea v-mycustomdirectiveb ></div>
+
+<div :propa="foo" v-bind:propb="foo" v-bind:propc="foo"></div>
+
+<div @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis" @scroll.passive="onScroll"></div>
+
+<div v-html="html" v-text="msg"></div>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/sorted.vue.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/sorted.vue.snap
new file mode 100644
index 000000000000..89e047800b24
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/sorted.vue.snap
@@ -0,0 +1,71 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: sorted.vue
+---
+# Input
+```vue
+<p class="flex" dir="auto" id="hello" v-show="ok" v-foo:bar.baz v-text="msg"></p>
+
+<div
+  dir="auto"
+  spellcheck="true"
+  tabindex="-1"
+  :is="tabs[currentTab]"
+  v-for="item in items"
+  v-if="awesome"
+  v-once
+  :key="item.id"
+  ref="my-ref"
+  v-slot:default
+  v-model="countModel"
+  :class="{ red: isRed }"
+  v-bind:src="'/path/to/images/' + fileName"
+  v-on:click="doThis"
+  @scroll.passive="onScroll"
+  v-text="msg"
+></div>
+
+<!-- with v-bind="object" -->
+<div
+  v-once
+  ref="my-ref"
+  v-slot:default
+  v-on:click="doThis"
+
+  v-bind="{ id: someProp, 'other-attr': otherProp }"
+  
+  dir="auto"
+  spellcheck="true"
+  tabindex="-1"
+  :is="tabs[currentTab]"
+  v-for="item in items"
+  v-if="awesome"
+  :key="item.id"
+  v-model="countModel"
+  :class="{ red: isRed }"
+  v-bind:src="'/path/to/images/' + fileName"
+  @scroll.passive="onScroll"
+  v-text="msg"
+></div>
+
+<!-- sort alphabetically within the same category  -->
+<div v-else v-else-if="type === 'B'" v-if="awesome" v-show="ok">
+</div>
+
+<div v-once v-pre></div>
+
+<div :key="item.id" ref="my-ref"></div>
+
+<div v-slot:default v-slot:footer #header v-slot="{ x, y }" #[dynamicSlotName]></div>
+
+<div v-slot:default v-slot:footer #header #[dynamicSlotName] v-slot="{ x, y }"></div>
+
+<div v-mycustomdirectivea v-mycustomdirectiveb ></div>
+
+<div :propa="foo" v-bind:propb="foo" v-bind:propc="foo"></div>
+
+<div @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis" @scroll.passive="onScroll"></div>
+
+<div v-html="html" v-text="msg"></div>
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/unsorted.vue b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/unsorted.vue
new file mode 100644
index 000000000000..7e817071aec9
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/unsorted.vue
@@ -0,0 +1,63 @@
+<p v-text="msg" v-show="ok" dir="auto" v-foo:bar.baz id="hello" class="flex"></p>
+
+<div 
+  v-slot:default
+  v-on:click="doThis"
+  v-once
+  ref="my-ref"
+  :key="item.id"
+  v-bind:src="'/path/to/images/' + fileName"
+  spellcheck="true"
+  v-for="item in items"
+  tabindex="-1"
+  @scroll.passive="onScroll"
+  :is="tabs[currentTab]"
+  v-text="msg"
+  dir="auto"
+  v-model="countModel"
+  v-if="awesome"
+  :class="{ red: isRed }"
+></div>
+
+<!-- with v-bind="object" -->
+<div 
+  v-slot:default
+  v-on:click="doThis"
+  v-once
+  ref="my-ref"
+  v-bind="{ id: someProp, 'other-attr': otherProp }"
+  :key="item.id"
+  v-bind:src="'/path/to/images/' + fileName"
+  spellcheck="true"
+  v-for="item in items"
+  tabindex="-1"
+  @scroll.passive="onScroll"
+  :is="tabs[currentTab]"
+  v-text="msg"
+  dir="auto"
+  v-model="countModel"
+  v-if="awesome"
+  :class="{ red: isRed }"
+></div>
+
+<!-- attributes within the same category  -->
+<div v-if="awesome" v-else v-else-if="type === 'B'" v-show="ok">
+</div>
+
+<div v-pre v-once></div>
+
+<div ref="my-ref" :key="item.id"></div>
+
+<div v-slot="{ x, y }" v-slot:default v-slot:footer #header #[dynamicSlotName]></div>
+
+<div v-slot:footer v-slot="{ x, y }" v-slot:default #header #[dynamicSlotName]></div>
+
+<div v-slot:default #[dynamicSlotName] v-slot:footer v-slot="{ x, y }" #header></div>
+
+<div v-mycustomdirectiveb v-mycustomdirectivea></div>
+
+<div v-bind:propc="foo" v-bind:propb="foo" :propa="foo"></div>
+
+<div @scroll.passive="onScroll" @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis"></div>
+
+<div v-text="msg" v-html="html"></div>
diff --git a/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/unsorted.vue.snap b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/unsorted.vue.snap
new file mode 100644
index 000000000000..71b30efeb9c3
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/source/useSortedAttributes/vue/unsorted.vue.snap
@@ -0,0 +1,472 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: unsorted.vue
+---
+# Input
+```vue
+<p v-text="msg" v-show="ok" dir="auto" v-foo:bar.baz id="hello" class="flex"></p>
+
+<div 
+  v-slot:default
+  v-on:click="doThis"
+  v-once
+  ref="my-ref"
+  :key="item.id"
+  v-bind:src="'/path/to/images/' + fileName"
+  spellcheck="true"
+  v-for="item in items"
+  tabindex="-1"
+  @scroll.passive="onScroll"
+  :is="tabs[currentTab]"
+  v-text="msg"
+  dir="auto"
+  v-model="countModel"
+  v-if="awesome"
+  :class="{ red: isRed }"
+></div>
+
+<!-- with v-bind="object" -->
+<div 
+  v-slot:default
+  v-on:click="doThis"
+  v-once
+  ref="my-ref"
+  v-bind="{ id: someProp, 'other-attr': otherProp }"
+  :key="item.id"
+  v-bind:src="'/path/to/images/' + fileName"
+  spellcheck="true"
+  v-for="item in items"
+  tabindex="-1"
+  @scroll.passive="onScroll"
+  :is="tabs[currentTab]"
+  v-text="msg"
+  dir="auto"
+  v-model="countModel"
+  v-if="awesome"
+  :class="{ red: isRed }"
+></div>
+
+<!-- attributes within the same category  -->
+<div v-if="awesome" v-else v-else-if="type === 'B'" v-show="ok">
+</div>
+
+<div v-pre v-once></div>
+
+<div ref="my-ref" :key="item.id"></div>
+
+<div v-slot="{ x, y }" v-slot:default v-slot:footer #header #[dynamicSlotName]></div>
+
+<div v-slot:footer v-slot="{ x, y }" v-slot:default #header #[dynamicSlotName]></div>
+
+<div v-slot:default #[dynamicSlotName] v-slot:footer v-slot="{ x, y }" #header></div>
+
+<div v-mycustomdirectiveb v-mycustomdirectivea></div>
+
+<div v-bind:propc="foo" v-bind:propb="foo" :propa="foo"></div>
+
+<div @scroll.passive="onScroll" @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis"></div>
+
+<div v-text="msg" v-html="html"></div>
+
+```
+
+# Diagnostics
+```
+unsorted.vue:1:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+  > 1 │ <p v-text="msg" v-show="ok" dir="auto" v-foo:bar.baz id="hello" class="flex"></p>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    2 │ 
+    3 │ <div·
+  
+  i Safe fix: Sort the HTML attributes.
+  
+     1    │ - <p·v-text="msg"·v-show="ok"·dir="auto"·v-foo:bar.baz·id="hello"·class="flex"></p>
+        1 │ + <p·class="flex"·dir="auto"·id="hello"·v-show="ok"·v-foo:bar.baz·v-text="msg"·></p>
+     2  2 │   
+     3  3 │   <div·
+  
+
+```
+
+```
+unsorted.vue:3:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+     1 │ <p v-text="msg" v-show="ok" dir="auto" v-foo:bar.baz id="hello" class="flex"></p>
+     2 │ 
+   > 3 │ <div·
+       │ ^^^^^
+   > 4 │   v-slot:default
+        ...
+  > 19 │   :class="{ red: isRed }"
+  > 20 │ ></div>
+       │ ^
+    21 │ 
+    22 │ <!-- with v-bind="object" -->
+  
+  i Safe fix: Sort the HTML attributes.
+  
+     2  2 │   
+     3  3 │   <div·
+     4    │ - ··v-slot:default
+     5    │ - ··v-on:click="doThis"
+     6    │ - ··v-once
+     7    │ - ··ref="my-ref"
+     8    │ - ··:key="item.id"
+     9    │ - ··v-bind:src="'/path/to/images/'·+·fileName"
+    10    │ - ··spellcheck="true"
+    11    │ - ··v-for="item·in·items"
+    12    │ - ··tabindex="-1"
+    13    │ - ··@scroll.passive="onScroll"
+    14    │ - ··:is="tabs[currentTab]"
+    15    │ - ··v-text="msg"
+    16    │ - ··dir="auto"
+    17    │ - ··v-model="countModel"
+    18    │ - ··v-if="awesome"
+    19    │ - ··:class="{·red:·isRed·}"
+        4 │ + ··dir="auto"
+        5 │ + ··spellcheck="true"
+        6 │ + ··tabindex="-1"
+        7 │ + ··:is="tabs[currentTab]"
+        8 │ + ··v-for="item·in·items"
+        9 │ + ··v-if="awesome"
+       10 │ + ··v-once
+       11 │ + ··:key="item.id"
+       12 │ + ··ref="my-ref"
+       13 │ + ··v-slot:default
+       14 │ + ··v-model="countModel"
+       15 │ + ··:class="{·red:·isRed·}"
+       16 │ + ··v-bind:src="'/path/to/images/'·+·fileName"
+       17 │ + ··v-on:click="doThis"
+       18 │ + ··@scroll.passive="onScroll"
+       19 │ + ··v-text="msg"
+    20 20 │   ></div>
+    21 21 │   
+  
+
+```
+
+```
+unsorted.vue:23:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    22 │ <!-- with v-bind="object" -->
+  > 23 │ <div·
+       │ ^^^^^
+  > 24 │   v-slot:default
+        ...
+  > 40 │   :class="{ red: isRed }"
+  > 41 │ ></div>
+       │ ^
+    42 │ 
+    43 │ <!-- attributes within the same category  -->
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    22 22 │   <!-- with v-bind="object" -->
+    23 23 │   <div·
+    24    │ - ··v-slot:default
+    25    │ - ··v-on:click="doThis"
+    26    │ - ··v-once
+    27    │ - ··ref="my-ref"
+       24 │ + ··v-once
+       25 │ + ··ref="my-ref"
+       26 │ + ··v-slot:default
+       27 │ + ··v-on:click="doThis"
+    28 28 │     v-bind="{ id: someProp, 'other-attr': otherProp }"
+    29 29 │     :key="item.id"
+  
+
+```
+
+```
+unsorted.vue:23:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    22 │ <!-- with v-bind="object" -->
+  > 23 │ <div·
+       │ ^^^^^
+  > 24 │   v-slot:default
+        ...
+  > 40 │   :class="{ red: isRed }"
+  > 41 │ ></div>
+       │ ^
+    42 │ 
+    43 │ <!-- attributes within the same category  -->
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    27 27 │     ref="my-ref"
+    28 28 │     v-bind="{ id: someProp, 'other-attr': otherProp }"
+    29    │ - ··:key="item.id"
+    30    │ - ··v-bind:src="'/path/to/images/'·+·fileName"
+    31    │ - ··spellcheck="true"
+    32    │ - ··v-for="item·in·items"
+    33    │ - ··tabindex="-1"
+    34    │ - ··@scroll.passive="onScroll"
+    35    │ - ··:is="tabs[currentTab]"
+    36    │ - ··v-text="msg"
+    37    │ - ··dir="auto"
+    38    │ - ··v-model="countModel"
+    39    │ - ··v-if="awesome"
+    40    │ - ··:class="{·red:·isRed·}"
+       29 │ + ··dir="auto"
+       30 │ + ··spellcheck="true"
+       31 │ + ··tabindex="-1"
+       32 │ + ··:is="tabs[currentTab]"
+       33 │ + ··v-for="item·in·items"
+       34 │ + ··v-if="awesome"
+       35 │ + ··:key="item.id"
+       36 │ + ··v-model="countModel"
+       37 │ + ··:class="{·red:·isRed·}"
+       38 │ + ··v-bind:src="'/path/to/images/'·+·fileName"
+       39 │ + ··@scroll.passive="onScroll"
+       40 │ + ··v-text="msg"
+    41 41 │   ></div>
+    42 42 │   
+  
+
+```
+
+```
+unsorted.vue:44:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    43 │ <!-- attributes within the same category  -->
+  > 44 │ <div v-if="awesome" v-else v-else-if="type === 'B'" v-show="ok">
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    45 │ </div>
+    46 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    42 42 │   
+    43 43 │   <!-- attributes within the same category  -->
+    44    │ - <div·v-if="awesome"·v-else·v-else-if="type·===·'B'"·v-show="ok">
+       44 │ + <div·v-else·v-else-if="type·===·'B'"·v-if="awesome"·v-show="ok">
+    45 45 │   </div>
+    46 46 │   
+  
+
+```
+
+```
+unsorted.vue:47:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    45 │ </div>
+    46 │ 
+  > 47 │ <div v-pre v-once></div>
+       │ ^^^^^^^^^^^^^^^^^^
+    48 │ 
+    49 │ <div ref="my-ref" :key="item.id"></div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    45 45 │   </div>
+    46 46 │   
+    47    │ - <div·v-pre·v-once></div>
+       47 │ + <div·v-once·v-pre·></div>
+    48 48 │   
+    49 49 │   <div ref="my-ref" :key="item.id"></div>
+  
+
+```
+
+```
+unsorted.vue:49:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    47 │ <div v-pre v-once></div>
+    48 │ 
+  > 49 │ <div ref="my-ref" :key="item.id"></div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    50 │ 
+    51 │ <div v-slot="{ x, y }" v-slot:default v-slot:footer #header #[dynamicSlotName]></div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    47 47 │   <div v-pre v-once></div>
+    48 48 │   
+    49    │ - <div·ref="my-ref"·:key="item.id"></div>
+       49 │ + <div·:key="item.id"·ref="my-ref"·></div>
+    50 50 │   
+    51 51 │   <div v-slot="{ x, y }" v-slot:default v-slot:footer #header #[dynamicSlotName]></div>
+  
+
+```
+
+```
+unsorted.vue:51:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    49 │ <div ref="my-ref" :key="item.id"></div>
+    50 │ 
+  > 51 │ <div v-slot="{ x, y }" v-slot:default v-slot:footer #header #[dynamicSlotName]></div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    52 │ 
+    53 │ <div v-slot:footer v-slot="{ x, y }" v-slot:default #header #[dynamicSlotName]></div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    49 49 │   <div ref="my-ref" :key="item.id"></div>
+    50 50 │   
+    51    │ - <div·v-slot="{·x,·y·}"·v-slot:default·v-slot:footer·#header·#[dynamicSlotName]></div>
+       51 │ + <div·v-slot:default·v-slot:footer·#header·v-slot="{·x,·y·}"·#[dynamicSlotName]></div>
+    52 52 │   
+    53 53 │   <div v-slot:footer v-slot="{ x, y }" v-slot:default #header #[dynamicSlotName]></div>
+  
+
+```
+
+```
+unsorted.vue:53:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    51 │ <div v-slot="{ x, y }" v-slot:default v-slot:footer #header #[dynamicSlotName]></div>
+    52 │ 
+  > 53 │ <div v-slot:footer v-slot="{ x, y }" v-slot:default #header #[dynamicSlotName]></div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    54 │ 
+    55 │ <div v-slot:default #[dynamicSlotName] v-slot:footer v-slot="{ x, y }" #header></div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    51 51 │   <div v-slot="{ x, y }" v-slot:default v-slot:footer #header #[dynamicSlotName]></div>
+    52 52 │   
+    53    │ - <div·v-slot:footer·v-slot="{·x,·y·}"·v-slot:default·#header·#[dynamicSlotName]></div>
+       53 │ + <div·v-slot:default·v-slot:footer·#header·v-slot="{·x,·y·}"·#[dynamicSlotName]></div>
+    54 54 │   
+    55 55 │   <div v-slot:default #[dynamicSlotName] v-slot:footer v-slot="{ x, y }" #header></div>
+  
+
+```
+
+```
+unsorted.vue:55:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    53 │ <div v-slot:footer v-slot="{ x, y }" v-slot:default #header #[dynamicSlotName]></div>
+    54 │ 
+  > 55 │ <div v-slot:default #[dynamicSlotName] v-slot:footer v-slot="{ x, y }" #header></div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    56 │ 
+    57 │ <div v-mycustomdirectiveb v-mycustomdirectivea></div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    53 53 │   <div v-slot:footer v-slot="{ x, y }" v-slot:default #header #[dynamicSlotName]></div>
+    54 54 │   
+    55    │ - <div·v-slot:default·#[dynamicSlotName]·v-slot:footer·v-slot="{·x,·y·}"·#header></div>
+       55 │ + <div·v-slot:default·v-slot:footer·#header·#[dynamicSlotName]·v-slot="{·x,·y·}"·></div>
+    56 56 │   
+    57 57 │   <div v-mycustomdirectiveb v-mycustomdirectivea></div>
+  
+
+```
+
+```
+unsorted.vue:57:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    55 │ <div v-slot:default #[dynamicSlotName] v-slot:footer v-slot="{ x, y }" #header></div>
+    56 │ 
+  > 57 │ <div v-mycustomdirectiveb v-mycustomdirectivea></div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    58 │ 
+    59 │ <div v-bind:propc="foo" v-bind:propb="foo" :propa="foo"></div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    55 55 │   <div v-slot:default #[dynamicSlotName] v-slot:footer v-slot="{ x, y }" #header></div>
+    56 56 │   
+    57    │ - <div·v-mycustomdirectiveb·v-mycustomdirectivea></div>
+       57 │ + <div·v-mycustomdirectivea·v-mycustomdirectiveb·></div>
+    58 58 │   
+    59 59 │   <div v-bind:propc="foo" v-bind:propb="foo" :propa="foo"></div>
+  
+
+```
+
+```
+unsorted.vue:59:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    57 │ <div v-mycustomdirectiveb v-mycustomdirectivea></div>
+    58 │ 
+  > 59 │ <div v-bind:propc="foo" v-bind:propb="foo" :propa="foo"></div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    60 │ 
+    61 │ <div @scroll.passive="onScroll" @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis"></div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    57 57 │   <div v-mycustomdirectiveb v-mycustomdirectivea></div>
+    58 58 │   
+    59    │ - <div·v-bind:propc="foo"·v-bind:propb="foo"·:propa="foo"></div>
+       59 │ + <div·:propa="foo"·v-bind:propb="foo"·v-bind:propc="foo"·></div>
+    60 60 │   
+    61 61 │   <div @scroll.passive="onScroll" @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis"></div>
+  
+
+```
+
+```
+unsorted.vue:61:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    59 │ <div v-bind:propc="foo" v-bind:propb="foo" :propa="foo"></div>
+    60 │ 
+  > 61 │ <div @scroll.passive="onScroll" @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis"></div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    62 │ 
+    63 │ <div v-text="msg" v-html="html"></div>
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    59 59 │   <div v-bind:propc="foo" v-bind:propb="foo" :propa="foo"></div>
+    60 60 │   
+    61    │ - <div·@scroll.passive="onScroll"·@click.stop="doThis"·v-on:click="doThis"·@click.prevent="doThis"></div>
+       61 │ + <div·@click.stop="doThis"·v-on:click="doThis"·@click.prevent="doThis"·@scroll.passive="onScroll"·></div>
+    62 62 │   
+    63 63 │   <div v-text="msg" v-html="html"></div>
+  
+
+```
+
+```
+unsorted.vue:63:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted.
+  
+    61 │ <div @scroll.passive="onScroll" @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis"></div>
+    62 │ 
+  > 63 │ <div v-text="msg" v-html="html"></div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    64 │ 
+  
+  i Safe fix: Sort the HTML attributes.
+  
+    61 61 │   <div @scroll.passive="onScroll" @click.stop="doThis" v-on:click="doThis" @click.prevent="doThis"></div>
+    62 62 │   
+    63    │ - <div·v-text="msg"·v-html="html"></div>
+       63 │ + <div·v-html="html"·v-text="msg"·></div>
+    64 64 │   
+  
+
+```
diff --git a/crates/biome_js_analyze/src/assist/source/use_sorted_attributes.rs b/crates/biome_js_analyze/src/assist/source/use_sorted_attributes.rs
index f81f0c984e60..781d50fd23e1 100644
--- a/crates/biome_js_analyze/src/assist/source/use_sorted_attributes.rs
+++ b/crates/biome_js_analyze/src/assist/source/use_sorted_attributes.rs
@@ -1,5 +1,6 @@
 use std::{borrow::Cow, cmp::Ordering, iter::zip};
 
+use biome_analyze::shared::sort_attributes::{AttributeGroup, SortableAttribute};
 use biome_analyze::{
     Ast, FixKind, Rule, RuleAction, RuleDiagnostic, RuleSource, context::RuleContext,
     declare_source_rule,
@@ -8,11 +9,11 @@ use biome_console::markup;
 use biome_deserialize::TextRange;
 use biome_diagnostics::{Applicability, category};
 use biome_js_syntax::{
-    AnyJsxAttribute, JsxAttribute, JsxAttributeList, JsxOpeningElement, JsxSelfClosingElement,
+    AnyJsxAttribute, JsLanguage, JsxAttribute, JsxAttributeList, JsxOpeningElement,
+    JsxSelfClosingElement,
 };
-use biome_rowan::{AstNode, BatchMutationExt};
+use biome_rowan::{AstNode, AstNodeExt, BatchMutationExt, SyntaxToken};
 use biome_rule_options::use_sorted_attributes::{SortOrder, UseSortedAttributesOptions};
-use biome_string_case::StrLikeExtension;
 
 use crate::JsRuleAction;
 
@@ -82,30 +83,31 @@ declare_source_rule! {
 
 impl Rule for UseSortedAttributes {
     type Query = Ast<JsxAttributeList>;
-    type State = PropGroup;
+    type State = AttributeGroup<SortableJsxAttribute>;
     type Signals = Box<[Self::State]>;
     type Options = UseSortedAttributesOptions;
 
     fn run(ctx: &RuleContext<Self>) -> Self::Signals {
         let props = ctx.query();
-        let mut current_prop_group = PropGroup::default();
+        let mut current_prop_group = AttributeGroup::default();
         let mut prop_groups = Vec::new();
         let options = ctx.options();
         let sort_by = options.sort_order.unwrap_or_default();
 
         let comparator = match sort_by {
-            SortOrder::Natural => PropElement::ascii_nat_cmp,
-            SortOrder::Lexicographic => PropElement::lexicographic_cmp,
+            SortOrder::Natural => SortableJsxAttribute::ascii_nat_cmp,
+            SortOrder::Lexicographic => SortableJsxAttribute::lexicographic_cmp,
         };
 
         // Convert to boolean-based comparator for is_sorted_by
-        let boolean_comparator =
-            |a: &PropElement, b: &PropElement| comparator(a, b) != Ordering::Greater;
+        let boolean_comparator = |a: &SortableJsxAttribute, b: &SortableJsxAttribute| {
+            comparator(a, b) != Ordering::Greater
+        };
 
         for prop in props {
             match prop {
                 AnyJsxAttribute::JsxAttribute(attr) => {
-                    current_prop_group.props.push(PropElement { prop: attr });
+                    current_prop_group.attrs.push(SortableJsxAttribute(attr));
                 }
                 // spread prop reset sort order
                 AnyJsxAttribute::JsxSpreadAttribute(_) => {
@@ -113,7 +115,7 @@ impl Rule for UseSortedAttributes {
                         && !current_prop_group.is_sorted(boolean_comparator)
                     {
                         prop_groups.push(current_prop_group);
-                        current_prop_group = PropGroup::default();
+                        current_prop_group = AttributeGroup::default();
                     } else {
                         // Reuse the same buffer
                         current_prop_group.clear();
@@ -152,14 +154,14 @@ impl Rule for UseSortedAttributes {
         let sort_by = options.sort_order.unwrap_or_default();
 
         let comparator = match sort_by {
-            SortOrder::Natural => PropElement::ascii_nat_cmp,
-            SortOrder::Lexicographic => PropElement::lexicographic_cmp,
+            SortOrder::Natural => SortableJsxAttribute::ascii_nat_cmp,
+            SortOrder::Lexicographic => SortableJsxAttribute::lexicographic_cmp,
         };
 
-        for (PropElement { prop }, PropElement { prop: sorted_prop }) in
-            zip(state.props.iter(), state.get_sorted_props(comparator))
+        for (SortableJsxAttribute(attr), SortableJsxAttribute(sorted_attr)) in
+            zip(state.attrs.iter(), state.get_sorted_attributes(comparator)?)
         {
-            mutation.replace_node_discard_trivia(prop.clone(), sorted_prop);
+            mutation.replace_node_discard_trivia(attr.clone(), sorted_attr);
         }
 
         Some(RuleAction::new(
@@ -172,65 +174,30 @@ impl Rule for UseSortedAttributes {
 }
 
 #[derive(PartialEq, Eq, Clone)]
-pub struct PropElement {
-    prop: JsxAttribute,
-}
+pub struct SortableJsxAttribute(JsxAttribute);
 
-impl PropElement {
-    pub fn ascii_nat_cmp(&self, other: &Self) -> Ordering {
-        let (Ok(self_name), Ok(other_name)) = (self.prop.name(), other.prop.name()) else {
-            return Ordering::Equal;
-        };
-        let (Ok(self_name), Ok(other_name)) = (self_name.name(), other_name.name()) else {
-            return Ordering::Equal;
-        };
+impl SortableAttribute for SortableJsxAttribute {
+    type Language = JsLanguage;
 
-        self_name
-            .text_trimmed()
-            .ascii_nat_cmp(other_name.text_trimmed())
+    fn name(&self) -> Option<SyntaxToken<Self::Language>> {
+        self.0.name().ok()?.name_token().ok()
     }
 
-    pub fn lexicographic_cmp(&self, other: &Self) -> Ordering {
-        let (Ok(self_name), Ok(other_name)) = (self.prop.name(), other.prop.name()) else {
-            return Ordering::Equal;
-        };
-        let (Ok(self_name), Ok(other_name)) = (self_name.name(), other_name.name()) else {
-            return Ordering::Equal;
-        };
-
-        self_name
-            .text_trimmed()
-            .lexicographic_cmp(other_name.text_trimmed())
+    fn node(&self) -> &impl AstNode<Language = Self::Language> {
+        &self.0
     }
-}
-
-#[derive(Clone, Default)]
-pub struct PropGroup {
-    props: Vec<PropElement>,
-}
 
-impl PropGroup {
-    fn is_empty(&self) -> bool {
-        self.props.is_empty()
-    }
-
-    fn is_sorted<F>(&self, comparator: F) -> bool
+    fn replace_token(
+        self,
+        prev_token: SyntaxToken<Self::Language>,
+        next_token: SyntaxToken<Self::Language>,
+    ) -> Option<Self>
     where
-        F: Fn(&PropElement, &PropElement) -> bool,
+        Self: Sized,
     {
-        self.props.is_sorted_by(comparator)
-    }
-
-    fn get_sorted_props<F>(&self, comparator: F) -> Vec<PropElement>
-    where
-        F: FnMut(&PropElement, &PropElement) -> Ordering,
-    {
-        let mut new_props = self.props.clone();
-        new_props.sort_by(comparator);
-        new_props
-    }
-
-    fn clear(&mut self) {
-        self.props.clear();
+        Some(Self(
+            self.0
+                .replace_token_discard_trivia(prev_token, next_token)?,
+        ))
     }
 }
diff --git a/crates/biome_js_analyze/tests/specs/source/useSortedAttributes/unsorted.jsx b/crates/biome_js_analyze/tests/specs/source/useSortedAttributes/unsorted.jsx
index 51cb93063441..fe3021c594bc 100644
--- a/crates/biome_js_analyze/tests/specs/source/useSortedAttributes/unsorted.jsx
+++ b/crates/biome_js_analyze/tests/specs/source/useSortedAttributes/unsorted.jsx
@@ -4,3 +4,10 @@
 />;
 <Hello tel={5555555} address="NY" {...this.props} lastName="Smith" firstName="John" />;
 <Hello a10="" a9="" A="" />;
+
+{/* <Hello lastName="Smith" firstName="John" booleanProp/>; */}
+
+<Hello lastName="Smith" firstName="John" booleanProp />;
+
+{/* <Hello lastName="Smith" firstName="John"/>; */}
+
diff --git a/crates/biome_js_analyze/tests/specs/source/useSortedAttributes/unsorted.jsx.snap b/crates/biome_js_analyze/tests/specs/source/useSortedAttributes/unsorted.jsx.snap
index c28055390519..0601de0b3577 100644
--- a/crates/biome_js_analyze/tests/specs/source/useSortedAttributes/unsorted.jsx.snap
+++ b/crates/biome_js_analyze/tests/specs/source/useSortedAttributes/unsorted.jsx.snap
@@ -11,6 +11,13 @@ expression: unsorted.jsx
 <Hello tel={5555555} address="NY" {...this.props} lastName="Smith" firstName="John" />;
 <Hello a10="" a9="" A="" />;
 
+{/* <Hello lastName="Smith" firstName="John" booleanProp/>; */}
+
+<Hello lastName="Smith" firstName="John" booleanProp />;
+
+{/* <Hello lastName="Smith" firstName="John"/>; */}
+
+
 ```
 
 # Diagnostics
@@ -30,13 +37,13 @@ unsorted.jsx:1:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━
   
   i Safe fix: Sort the JSX props.
   
-    1 1 │   <Hello
-    2   │ - → lastName="Smith"
-    3   │ - → firstName="John"
-      2 │ + → firstName="John"
-      3 │ + → lastName="Smith"
-    4 4 │   />;
-    5 5 │   <Hello tel={5555555} address="NY" {...this.props} lastName="Smith" firstName="John" />;
+     1  1 │   <Hello
+     2    │ - → lastName="Smith"
+     3    │ - → firstName="John"
+        2 │ + → firstName="John"
+        3 │ + → lastName="Smith"
+     4  4 │   />;
+     5  5 │   <Hello tel={5555555} address="NY" {...this.props} lastName="Smith" firstName="John" />;
   
 
 ```
@@ -55,12 +62,12 @@ unsorted.jsx:5:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━
   
   i Safe fix: Sort the JSX props.
   
-    3 3 │   	firstName="John"
-    4 4 │   />;
-    5   │ - <Hello·tel={5555555}·address="NY"·{...this.props}·lastName="Smith"·firstName="John"·/>;
-      5 │ + <Hello·tel={5555555}·address="NY"·{...this.props}·firstName="John"·lastName="Smith"·/>;
-    6 6 │   <Hello a10="" a9="" A="" />;
-    7 7 │   
+     3  3 │   	firstName="John"
+     4  4 │   />;
+     5    │ - <Hello·tel={5555555}·address="NY"·{...this.props}·lastName="Smith"·firstName="John"·/>;
+        5 │ + <Hello·tel={5555555}·address="NY"·{...this.props}·firstName="John"·lastName="Smith"·/>;
+     6  6 │   <Hello a10="" a9="" A="" />;
+     7  7 │   
   
 
 ```
@@ -79,12 +86,12 @@ unsorted.jsx:5:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━
   
   i Safe fix: Sort the JSX props.
   
-    3 3 │   	firstName="John"
-    4 4 │   />;
-    5   │ - <Hello·tel={5555555}·address="NY"·{...this.props}·lastName="Smith"·firstName="John"·/>;
-      5 │ + <Hello·address="NY"·tel={5555555}·{...this.props}·lastName="Smith"·firstName="John"·/>;
-    6 6 │   <Hello a10="" a9="" A="" />;
-    7 7 │   
+     3  3 │   	firstName="John"
+     4  4 │   />;
+     5    │ - <Hello·tel={5555555}·address="NY"·{...this.props}·lastName="Smith"·firstName="John"·/>;
+        5 │ + <Hello·address="NY"·tel={5555555}·{...this.props}·lastName="Smith"·firstName="John"·/>;
+     6  6 │   <Hello a10="" a9="" A="" />;
+     7  7 │   
   
 
 ```
@@ -99,14 +106,40 @@ unsorted.jsx:6:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━
   > 6 │ <Hello a10="" a9="" A="" />;
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
     7 │ 
+    8 │ {/* <Hello lastName="Smith" firstName="John" booleanProp/>; */}
+  
+  i Safe fix: Sort the JSX props.
+  
+     4  4 │   />;
+     5  5 │   <Hello tel={5555555} address="NY" {...this.props} lastName="Smith" firstName="John" />;
+     6    │ - <Hello·a10=""·a9=""·A=""·/>;
+        6 │ + <Hello·A=""·a9=""·a10=""·/>;
+     7  7 │   
+     8  8 │   {/* <Hello lastName="Smith" firstName="John" booleanProp/>; */}
+  
+
+```
+
+```
+unsorted.jsx:10:1 assist/source/useSortedAttributes  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  i The attributes are not sorted. 
+  
+     8 │ {/* <Hello lastName="Smith" firstName="John" booleanProp/>; */}
+     9 │ 
+  > 10 │ <Hello lastName="Smith" firstName="John" booleanProp />;
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    11 │ 
+    12 │ {/* <Hello lastName="Smith" firstName="John"/>; */}
   
   i Safe fix: Sort the JSX props.
   
-    4 4 │   />;
-    5 5 │   <Hello tel={5555555} address="NY" {...this.props} lastName="Smith" firstName="John" />;
-    6   │ - <Hello·a10=""·a9=""·A=""·/>;
-      6 │ + <Hello·A=""·a9=""·a10=""·/>;
-    7 7 │   
+     8  8 │   {/* <Hello lastName="Smith" firstName="John" booleanProp/>; */}
+     9  9 │   
+    10    │ - <Hello·lastName="Smith"·firstName="John"·booleanProp·/>;
+       10 │ + <Hello·booleanProp·firstName="John"·lastName="Smith"·/>;
+    11 11 │   
+    12 12 │   {/* <Hello lastName="Smith" firstName="John"/>; */}
   
 
 ```
diff --git a/packages/@biomejs/backend-jsonrpc/src/workspace.ts b/packages/@biomejs/backend-jsonrpc/src/workspace.ts
index 8a75b3572760..d19e56613753 100644
--- a/packages/@biomejs/backend-jsonrpc/src/workspace.ts
+++ b/packages/@biomejs/backend-jsonrpc/src/workspace.ts
@@ -1029,7 +1029,7 @@ See https://biomejs.dev/assist/actions/organize-imports
 	 */
 	recommended?: boolean;
 	/**
-	* Enforce attribute sorting in JSX elements.
+	* Enforce attribute sorting in HTML elements.
 See https://biomejs.dev/assist/actions/use-sorted-attributes 
 	 */
 	useSortedAttributes?: UseSortedAttributesConfiguration;
diff --git a/packages/@biomejs/biome/configuration_schema.json b/packages/@biomejs/biome/configuration_schema.json
index 9637094a68a2..38dc9155aae3 100644
--- a/packages/@biomejs/biome/configuration_schema.json
+++ b/packages/@biomejs/biome/configuration_schema.json
@@ -11946,7 +11946,7 @@
 					"type": ["boolean", "null"]
 				},
 				"useSortedAttributes": {
-					"description": "Enforce attribute sorting in JSX elements.\nSee https://biomejs.dev/assist/actions/use-sorted-attributes",
+					"description": "Enforce attribute sorting in HTML elements.\nSee https://biomejs.dev/assist/actions/use-sorted-attributes",
 					"anyOf": [
 						{ "$ref": "#/$defs/UseSortedAttributesConfiguration" },
 						{ "type": "null" }