NunjucksをPrettierで整形すると崩れる

{{ super() }} {{ page.title }}

HTMLを整形するためにPrettierを使いたかったのですが改行が切り詰められてしまい、HTMLを取るかNunjucksを取るか迷いました。

before.html

<div data-gb-custom-block data-tag="import" data-0='../icons/1.html' data-1='1' data-2='1' data-3='1' data-4='1' data-5='1' data-6='1' data-7='1' data-8='1' data-9='1'></div>

 

<div data-gb-custom-block data-tag="import" data-0='../icons/2.html' data-1='2' data-2='2' data-3='2' data-4='2' data-5='2' data-6='2' data-7='2' data-8='2' data-9='2'></div>

<div data-gb-custom-block data-tag="import" data-0='../icons/3.html' data-1='3' data-2='3' data-3='3' data-4='3' data-5='3' data-6='3' data-7='3' data-8='3' data-9='3'></div>

 

<div data-gb-custom-block data-tag="-" data-0=',description=' data-title='' data-le='' data-url=''></div>

<div  ><svg viewBox="0 0 24 24"><g stroke="none" stroke-width="1"></g></svg></div>

<div data-gb-custom-block data-tag="-"></div>

after.html

<div data-gb-custom-block data-tag="import" data-0='../icons/1.html' data-1='1' data-2='1' data-3='1' data-4='1' data-5='1' data-6='1' data-7='1' data-8='1' data-9='1'></div> <div data-gb-custom-block data-tag="import" data-0='../icons/2.html' data-1='2' data-2='2' data-3='2' data-4='2' data-5='2' data-6='2' data-7='2' data-8='2' data-9='2'></div>

<div data-gb-custom-block data-tag="import" data-0='../icons/3.html' data-1='3' data-2='3' data-3='3' data-4='3' data-5='3' data-6='3' data-7='3' data-8='3' data-9='3'></div>

 {%- macro
render(title="",url="",description="") %}
<div>
  <svg viewBox="0 0 24 24">
    <g stroke="none" stroke-width="1"></g>
  </svg>
</div>

<div data-gb-custom-block data-tag="-">

Try）Prettierプラグインを試す

公式ではないですが有志のプラグインがあるので次回試してみようと思います。