Config:
{
"plugins": ["@shopify/prettier-plugin-liquid", "prettier-plugin-tailwindcss"]
}Input:
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {{ foo }}"></div>
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {% render 'foo' %}"></div>
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {% render 'foo', bar: true %}"></div>
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {% include 'foo' %}"></div>
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {% include 'foo', bar: true %}"></div>Expected output:
<div class="-mx-10 flex gap-10 bg-green-500 px-2 py-10 pb-14 {{ foo }}"></div>
<div class="-mx-10 flex gap-10 bg-green-500 px-2 py-10 pb-14 {% render 'foo' %}"></div>
<div class="-mx-10 flex gap-10 bg-green-500 px-2 py-10 pb-14 {% render 'foo', bar: true %}"></div>
<div class="-mx-10 flex gap-10 bg-green-500 px-2 py-10 pb-14 {% include 'foo' %}"></div>
<div class="-mx-10 flex gap-10 bg-green-500 px-2 py-10 pb-14 {% include 'foo', bar: true %}"></div>Actual output:
<div class="-mx-10 flex gap-10 bg-green-500 px-2 py-10 pb-14 {{ foo }}"></div>
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {% render 'foo' %}"></div>
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {% render 'foo', bar: true %}"></div>
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {% include 'foo' %}"></div>
<div class="flex bg-green-500 px-2 gap-10 py-10 pb-14 -mx-10 {% include 'foo', bar: true %}"></div>
Config:
{ "plugins": ["@shopify/prettier-plugin-liquid", "prettier-plugin-tailwindcss"] }Input:
Expected output:
Actual output: