📎 HTML: Implement "Attribute Position" option

[dyc3]

Description

The attribute position option has 2 values: auto and multiline. auto is the current behavior, and the default behavior. This task is to implement the multiline side of this option.

• For elements with > 1 attributes, spread them across multiple lines
• For elements with <= 1 attributes, keep them on the same line

Want to contribute? Lets you know you are interested! We will assign you to the issue to prevent several people to work on the same issue. Don't worry, we can unassign you later if you are no longer interested in the issue! Read our contributing guide.

[Geun-Oh]

@dyc3 May I take this issue?

[ematipico]

@dyc3 should we implement this against the next or main branch?

[dyc3]

This should be applied to next

[dyc3]

Hey @Geun-Oh, any updates?

[Geun-Oh]

@dyc3 Hello, I'm sorry about the late notice.

Since I'm not good at rust that much than i thought (even though i selected a good-first-issue,,) and I'm also struggling hard on my job these days, it takes long time that i thought.

So, you can unassign me if you wanna assign other person.
Or I'll do my best.

Thanks for waiting.

[dyc3]

No worries! I'll unassign you for now.

[ematipico]

For whoever wants to contribute, the implementation of this option isn't complicated, because we already have this logic in the JSX formatting.

Here's how it works in the JSX formatter

biome/crates/biome_js_formatter/src/jsx/lists/attribute_list.rs

Lines 12 to 22 in 0bb86c7

	fn fmt(&self, node: &JsxAttributeList, f: &mut JsFormatter) -> FormatResult<()> {
	let line_break = if f.options().attribute_position() == AttributePosition::Multiline {
	hard_line_break()
	} else {
	soft_line_break_or_space()
	};
	f.join_with(&line_break)
	.entries(node.iter().formatted())
	.finish()
	}

[Geun-Oh]

@dyc3 Can I take this again? I think I can do this during holiday week.
And thanks to @ematipico :)