---
source: crates/rome_formatter_test/src/snapshot_builder.rs
info:
  test_file: js/multiparser-html/html-template-literals.js
---

# Input

```js
const nestedFun = /* HTML */ `${outerExpr(1)}
  <script>
    const tpl = html\`<div>\${innerExpr(1)} ${outerExpr(2)}</div>\`;
  </script>`;

const nestedFun2 = /* HTML */ `${outerExpr(1)}
  <script>
    const tpl = html\`\\n<div>\${innerExpr(1)} ${outerExpr(2)}</div>\\n\`;
  </script>`;

setFoo(
  html`<div>one</div>
    <div>two</div>
    <div>three</div>`,
  secondArgument
);

setFoo(
  html`<div>
      <div>nested</div>
    </div>
    <div>two</div>
    <div>three</div>`,
  secondArgument
);

setFoo(
  html`<div>
    <div>nested</div>
  </div>`,
  secondArgument
);

```


# Prettier differences

```diff
--- Prettier
+++ Rome
@@ -5,7 +5,7 @@
 
 const nestedFun2 = /* HTML */ `${outerExpr(1)}
   <script>
-    const tpl = html\` <div>\${innerExpr(1)} ${outerExpr(2)}</div> \`;
+    const tpl = html\`\\n<div>\${innerExpr(1)} ${outerExpr(2)}</div>\\n\`;
   </script>`;
 
 setFoo(
```

# Output

```js
const nestedFun = /* HTML */ `${outerExpr(1)}
  <script>
    const tpl = html\`<div>\${innerExpr(1)} ${outerExpr(2)}</div>\`;
  </script>`;

const nestedFun2 = /* HTML */ `${outerExpr(1)}
  <script>
    const tpl = html\`\\n<div>\${innerExpr(1)} ${outerExpr(2)}</div>\\n\`;
  </script>`;

setFoo(
  html`<div>one</div>
    <div>two</div>
    <div>three</div>`,
  secondArgument,
);

setFoo(
  html`<div>
      <div>nested</div>
    </div>
    <div>two</div>
    <div>three</div>`,
  secondArgument,
);

setFoo(
  html`<div>
    <div>nested</div>
  </div>`,
  secondArgument,
);
```