Vue.jsのカスタムフィルタを作成し、改行を<br>タグに変換したいのですが、どうやるのがいいでしょうか。

<p>{{text | nl2br}}</p>
Vue.filter('nl2br', value => value.replace(/\n/g, '<br>'));

これだと "文字列<br>文字列" のように、エスケープされた文字が表示されます。
以下のように、text全てエスケープしない、というのはやりたくありません。

<p>{{{text | nl2br}}}</p>