埋め込みフォーマット

WARNING

完全に実装されていません。トラッキングイシュー を参照してください。

JS/TS ファイル内に埋め込まれたコード（テンプレートリテラル内の CSS、GraphQL、Markdown 内の JavaScript/TypeScript/CSS など）をフォーマットします。

設定

.oxfmtrc.json

{
  "embeddedLanguageFormatting": "auto"
}

値

• "auto" — (デフォルト) 埋め込みセクションをフォーマット
• "off" — 埋め込みフォーマットをスキップ

例

タグ付きテンプレートリテラル内の CSS：

const styles = css`
  .container {
    background: blue;
    color: red;
  }
`;

タグ付きテンプレートリテラル内の HTML：

const template = html`
  <div class="container">
    <h1>Hello</h1>
    <p>World</p>
  </div>
`;

Markdown ファイル内の JavaScript コードブロック：

これは JavaScript コードブロックを含む例の Markdown ファイルです：

```js
const x = 1; // 埋め込みフォーマットが有効な場合、ここはフォーマットされます。
```

すごい！

Vue ファイル内の CSS：

<style>
/* 埋め込みフォーマットが有効な場合、この CSS はフォーマットされます。 */
.container {
  background: blue;
  color: red;
}
</style>