この記事では、Prettierがjs-in-xxx形式のコードをどのように処理するかについて詳しく説明しています。特に、MarkdownやHTML、Vue、Angularなどの埋め込まれたJavaScript/TypeScript部分のフォーマット処理に焦点を当てています。埋め込み処理の流れとして、親ファイルの処理の一環で、textToDoc()という内部処理が行われ、状況に応じたparserとprinterが使用されます。Markdownの場合、コードブロックやMDXのimport/exportに対してbabelを用いた処理が行われ、HTMLの場合は<script>タグやイベントハンドラに対して異なる処理が適用されます。VueやAngularにおいても、特定のディレクティブや構文に対して独自の処理が行われることが示されています。 • Prettierはjs-in-xxx形式のコードを処理するために、特定のparserとprinterを使用する。 • Markdownでは、コードブロックやMDXのimport/exportに対してbabelを使用して処理する。 • HTMLでは、<script>タグやonclick属性に対して異なる処理が行われる。 • Vueでは、特定のディレクティブに対して独自の処理が行われ、構文のラッピングが行われる。 • Angularでは、angular-estree-parserを使用してJS/TS互換のシンタックスを処理する。