Skip to content

Class ordering not working in Liquid Capture #130

@ghost

Description

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!

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions