🧰 ユーティリティ上級

Liquid 文字列のクォート整形ルール

Prettier による Liquid テンプレートの自動整形時に、文字列のシングルクォート・ダブルクォート使い分けルールを示すテストケース。デフォルトではシングルクォートに統一し、アポストロフィを含む場合はダブルクォートで保護する。

用途

Prettier プラグインで Liquid コードを自動整形するときの文字列フォーマット挙動を理解し、チーム間で統一ルールを適用する。

設置場所

このコードはテストファイルのため、実装ファイルではなく、Prettier 設定ファイル（.prettierrc または prettier.config.js）の liquidSingleQuote オプションで singleQuote: true/false を指定して動作を制御する。

注意点

このテストケースは Prettier プラグイン自体のビルドインテスト用であり、ストアの theme.liquid に直接貼り付けるコードではない。liquidSingleQuote: false の場合、{{- 'hello' -}} のようなアポストロフィなし文字列もダブルクォートに変換される。whitespace stripping（- 記号）とクォート統一は独立して動作するため、整形ルール確認時は両方の挙動を検証する。

タグ:prettierliquid-formattingcode-styletestingquote-handling

コード

10 行 / liquid

It should default to using single quotes
{{ "hello" }}

It should keep double quotes if the string includes single quotes
{{ "string o' string" }}

It should maintain whitespace stripping characters and respect the singleQuote config
liquidSingleQuote: false
{{- 'hello' -}}

出典・ライセンス

Source:: Shopify/theme-tools/packages/prettier-plugin-liquid/src/test/liquid-drop-string/index.liquid
Repository:: https://github.com/Shopify/theme-tools
License:: MIT

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

Liquid 文字列のクォート整形ルール

コード

出典・ライセンス

関連項目

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

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

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

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

Vue.js属性のLiquid整形

sections タグのフォーマット