Support for embedded language formatting (template literals)

[JulianCataldo]

Hello!
Prettier has this features since 2.1 (2020)
https://prettier.io/blog/2020/08/24/2.1.0.html

// Input
html`
<p>
I am expecting this to come out exactly like it went in.
`;

// using --embedded-language-formatting=auto (or omitting this option)
html`
  <p>
    I am expecting this to come out exactly like it went in.
  </p>
`;

// using --embedded-language-formatting=off
html`
<p>
I am expecting this to come out exactly like it went in.
`;

It can be used for css too. Typically with the Lit UI library, but not only, everyone can benefit from this.

Not to be confounded with embedded language like Astro, Svelte, Vue, etc.
It is just regular JS/TS, and everything happens in the template literal.

Thanks

[ematipico]

This is actually part of our roadmap: https://biomejs.dev/blog/biome-v1-6/

Wanna help with the exploration phase? We're almost done with CSS formatting

[eMerzh]

This would be awesome now that support for graphql & css is coming ... we could support projects like styled-components or apollo / relay 💃

graphql`query { __typename }`
// and
css`width: 100%;`

[scriptcoded]

Hi! This would be awesome and is the biggest reason for why we can't migrate to Biome. Our web components use template literals for templating.

What is the best way to stay up to date on this feature? I can't find a "standard" issue to track. Will this discussion be updated when there are updates to the feature?

[ematipico]

#3334