임베디드 포맷팅

WARNING

완전히 구현되지 않음. 추적 이슈를 참조하세요.

JS/TS 파일 내에 포함된 코드(템플릿 리터럴 내의 CSS, GraphQL, Markdown 내의 자바스크립트/타입스크립트/CSS 등)를 포맷합니다.

구성

.oxfmtrc.json

{
  "embeddedLanguageFormatting": "auto"
}

값

• "auto" — (기본값) 임베디드 섹션을 포맷합니다
• "off" — 임베디드 포맷팅을 건너뜁니다

예시

태그가 지정된 템플릿 리터럴 내의 CSS:

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

태그가 지정된 템플릿 리터럴 내의 HTML:

const template = html`
  <div class="container">
    <h1>안녕하세요</h1>
    <p>세계</p>
  </div>
`;

마크다운 파일 내의 자바스크립트 코드 블록:

이것은 자바스크립트 코드 블록을 포함한 예제 마크다운 파일입니다:

```js
const x = 1; // 임베디드 포맷팅이 활성화되어 있다면 여기는 포맷됩니다.
```

와우!

Vue 파일 내의 CSS:

<style>
/* 임베디드 포맷팅이 활성화되어 있다면 이 CSS는 포맷됩니다. */
.container {
  background: blue;
  color: red;
}
</style>