🧰 ユーティリティ上級

schema タグのフォーマット設定

セクション定義用の schema タグ内の JSON をフォーマットする Prettier プラグインのテストケース。indentSchema オプションで JSON のインデント動作を制御できる。

用途

Prettier で Liquid テンプレートをフォーマットするとき、schema タグ内の JSON の整形ルール（インデント有無、ホワイトスペース処理）を検証する開発シーン。

設置場所

このコードは prettier-plugin-liquid のテストスイートの一部。実装プロジェクトでは、theme.liquid やセクション定義ファイル内の {% schema %} タグが Prettier で正しく整形されることを確認する。

注意点

このコードはテストケース集合であり、実制作では直接貼り付けるのではなく、Prettier 設定ファイル（.prettierrc）で indentSchema: false を指定して JSON 整形を制御する。無効な JSON（x0482 など）を含んでいても再インデント時に構文エラーを出さず、可能な限り元の構造を保つ仕様である。

タグ:schemaprettierjsonformattinglinting

コード

27 行 / liquid

<div>
  {% schema %}
    {
      "hello": "world"
    }
  {% endschema %}
  {%- schema -%}
    {
      "hello": "world"
    }
  {%- endschema -%}
</div>

it should not try to format invalid json, but should reindent
{% schema %}
  { "invalid":
    x0482 }
{% endschema %}

It should respect the indentSchema option
indentSchema: false
{% schema %}
{
  "hello": "world"
}
{% endschema %}

出典・ライセンス

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

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

schema タグのフォーマット設定

コード

出典・ライセンス

関連項目

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

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

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

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

Vue.js属性のLiquid整形

sections タグのフォーマット