---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: js/last-argument-expansion/embed.js
---

# Input

```js
foo(/* HTML */ `<!-- bar1 --> bar <!-- bar2 -->`);
foo(/* HTML */ ` <!-- bar1 --> bar <!-- bar2 --> `);
foo(/* HTML */ `<div><p>bar</p>foo</div>`);
foo(/* HTML */ ` <div><p>bar</p>foo</div> `);
foo(/* GraphQL */ `query { foo { bar } }`);
foo(/* ... */ css`color:magenta`);
const a = b => /* HTML */ `<!-- bar1 --> bar <!-- bar2 -->`
const c = b => /* HTML */ ` <!-- bar1 --> bar <!-- bar2 --> `

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,36 +1,8 @@
-foo(/* HTML */ `<!-- bar1 -->
-    bar
-    <!-- bar2 -->`);
-foo(/* HTML */ `
-  <!-- bar1 -->
-  bar
-  <!-- bar2 -->
-`);
-foo(/* HTML */ `<div>
-    <p>bar</p>
-    foo
-  </div>`);
-foo(/* HTML */ `
-  <div>
-    <p>bar</p>
-    foo
-  </div>
-`);
-foo(/* GraphQL */ `
-  query {
-    foo {
-      bar
-    }
-  }
-`);
-foo(/* ... */ css`
-  color: magenta;
-`);
-const a = (b) => /* HTML */ `<!-- bar1 -->
-    bar
-    <!-- bar2 -->`;
-const c = (b) => /* HTML */ `
-  <!-- bar1 -->
-  bar
-  <!-- bar2 -->
-`;
+foo(/* HTML */ `<!-- bar1 --> bar <!-- bar2 -->`);
+foo(/* HTML */ ` <!-- bar1 --> bar <!-- bar2 --> `);
+foo(/* HTML */ `<div><p>bar</p>foo</div>`);
+foo(/* HTML */ ` <div><p>bar</p>foo</div> `);
+foo(/* GraphQL */ `query { foo { bar } }`);
+foo(/* ... */ css`color:magenta`);
+const a = (b) => /* HTML */ `<!-- bar1 --> bar <!-- bar2 -->`;
+const c = (b) => /* HTML */ ` <!-- bar1 --> bar <!-- bar2 --> `;
```

# Output

```js
foo(/* HTML */ `<!-- bar1 --> bar <!-- bar2 -->`);
foo(/* HTML */ ` <!-- bar1 --> bar <!-- bar2 --> `);
foo(/* HTML */ `<div><p>bar</p>foo</div>`);
foo(/* HTML */ ` <div><p>bar</p>foo</div> `);
foo(/* GraphQL */ `query { foo { bar } }`);
foo(/* ... */ css`color:magenta`);
const a = (b) => /* HTML */ `<!-- bar1 --> bar <!-- bar2 -->`;
const c = (b) => /* HTML */ ` <!-- bar1 --> bar <!-- bar2 --> `;
```