🧰 ユーティリティ上級

Liquid タグの引数削除フォーマッティング

Prettier Liquid プラグインで、style、schema、javascript、else、break、continue、comment、raw タグから不要な引数を削除し、正しい Liquid 構文に自動整形する。

用途

テーマコードを Prettier でフォーマットするときに、Liquid タグの引数ミス（例：`{% style arg %}`）を自動検出して修正する。

設置場所

このコードは Prettier Liquid プラグインのテスト件として含まれるもので、直接テーマに貼り付けるのではなく、プラグインの仕様確認・テスト実行時に参照される。カスタムテーマの Liquid ファイルを Prettier でフォーマットするときにプラグイン側で自動適用される。

注意点

このファイル自体はテストケースの「期待される出力」を示すもので、実際のテーマコードではない。Prettier Liquid プラグインをプロジェクトにインストール（`npm install --save-dev prettier-plugin-liquid`）し、`.prettierrc` で言語設定を行わないと、Liquid ファイルの自動整形は実行されない。style・javascript タグ内の CSS / JavaScript 本体は引数削除の対象外となる。

タグ:prettierliquid-tagformatterschemastyle

コード

31 行 / liquid

It should strip arguments from style tags
{% style %}
{% endstyle %}

It should strip arguments from schema tags
{% schema %}
{% endschema %}

It should strip arguments from javascript tags
{% javascript %}
{% endjavascript %}

It should strip arguments from else tags
{% if cond %}{% else %}{% endif %}

It should strip arguments from break tags
{% break %}

It should strip arguments from continue tags
{% continue %}

It should strip arguments from comment tags
{% comment %}
  hi
{% endcomment %}
{% comment %}
{% endcomment %}

It should strip arguments from raw tags
{% raw %}{% endraw %}

出典・ライセンス

Source:: Shopify/theme-tools/packages/prettier-plugin-liquid/src/test/liquid-tag-no-argument/fixed.liquid
Repository:: https://github.com/Shopify/theme-tools
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

Liquid タグの引数削除フォーマッティング

コード

出典・ライセンス

関連項目

コメント後の空白フォーマット

Liquidコメントのフォーマット

セクション呼び出しの改行制御

Prettier フォーマッタの HTML リスト整形テスト

Vue.js属性のLiquid整形

sections タグのフォーマット