Jadeでtextarea要素にデフォルト値を与える方法

タイトルそのままですけど、Jadeでtextarea要素にデフォルト値を設定する方法についてです。
Jadeでプレーンテキストを埋め込むにはいくつかの方法があって、それによってどのように出力結果が変わるかを試してみた感じ。

• パイプで埋め込む
• ドットで埋め込む
• 変数にキャッシュして埋め込む

結論から言うと、文字列を変数にキャッシュしてから埋め込むのが良さそう。
パイプとドットの場合では、Jadeの構文としてインデントしたタブやスペースがHTMLに出力されてしまい、textarea要素の値として余計な文字列が紛れ込んでしまいます。

以下、CodePenでレンダリング結果見られます ＆ それぞれの方法のソースです。

See the Pen How to add the default value to textarea on Jade by KIMURA Tetsuro (@haribote) on CodePen.

パイプで埋め込む

textarea(rows=3)
  | hoge
  | fuga
  | piyo

ドットで埋め込む

textarea(rows=3).
  hoge
  fuga
  piyo

変数にキャッシュして埋め込む

- var text = "hoge\npiyo\nfuga"
textarea(rows=3)= text

※ 改行は\nで表現する