What version of prettier-plugin-tailwindcss are you using?
v^1.0.5
What version of Tailwind CSS are you using?
v^3.2.4
What version of Node.js are you using?
v16.14.0
What package manager are you using?
npm
What operating system are you using?
macOS
Describe your issue
The issue speaks for itself. The class ordering simply isn't working in a capture in a .liquid file.
{% comment %} Working {% endcomment %}
<div class="bg-sky-700 px-4 py-2 text-white hover:bg-sky-800 sm:px-8 sm:py-3">
</div>
{%- comment -%} Not working {%- endcomment -%}
{%- capture class_ordering -%}
<div class="text-white px-4 sm:px-8 py-2 sm:py-3 bg-sky-700 hover:bg-sky-800">
</div>
{%- endcapture -%}
.prettierrc
{
"htmlWhitespaceSensitivity": "css",
"plugins": ["@shopify/prettier-plugin-liquid", "prettier-plugin-tailwindcss"],
"pluginSearchDirs": false,
"overrides": [
{
"files": ["*.liquid"],
}
]
}
I'm not really sure if this is related to this plugin or @shopify/prettier-plugin-liquid. But would be nice if someone can explain why it isn't working or that I should open a issue on @shopify/prettier-plugin-liquid
Thanks in advance!
What version of
prettier-plugin-tailwindcssare you using?v^1.0.5
What version of Tailwind CSS are you using?
v^3.2.4
What version of Node.js are you using?
v16.14.0
What package manager are you using?
npm
What operating system are you using?
macOS
Describe your issue
The issue speaks for itself. The class ordering simply isn't working in a
capturein a.liquidfile..prettierrc
{ "htmlWhitespaceSensitivity": "css", "plugins": ["@shopify/prettier-plugin-liquid", "prettier-plugin-tailwindcss"], "pluginSearchDirs": false, "overrides": [ { "files": ["*.liquid"], } ] }I'm not really sure if this is related to this plugin or
@shopify/prettier-plugin-liquid. But would be nice if someone can explain why it isn't working or that I should open a issue on@shopify/prettier-plugin-liquidThanks in advance!