Liquid Styleguide

[tlegasse]

I have a use-case for dynamic tag types. E.g. wrapping elements in conditional tags such that either the predictive-search web-component, or a standard form tag is used. There's no detectible downside to doing so to me, however, the Prettier Liquid plugin throws Liquid HTML parsing errors. I'd love to know if there's a general Liquid styleguide that Shopify uses internally so I can better understand:

1. What should be expected to cause Liquid HTML parsing errors
2. What is considered best practice

Example code that causes errors:

      {%- if section.settings.show_predictive_input -%}
        <predictive-search data-loading-text="{{ 'accessibility.loading' | t }}">
      {%- endif -%}

Thanks!

[charlespwd]

👋 This is because of #90

Fix is hard to get right because of HTML whitespace handling and striking the balance between flagging "you forgot to close your tag" with "intentional unclosed tag inside if statements."

[tlegasse]

Thanks so much for the context! Very happy to be using the plugin.