pugでクラス名に連番をつけたい

Question

実現したいこと

Pugでクラス名に連番をつけたいです。

<div class="flexitem item0">Item0</div>
<div class="flexitem item1">Item0</div>
<div class="flexitem item2">Item0</div>

該当のソースコード

- for (var i =0; i<5; i++)
  div.flexitem(class="item#{i}") Item#{i}

実際の出力内容

<div class="flexitem item#{i}">Item0</div>

試したこと

こちらの指定だと、エラーが出てしまいコンパイルできませんでした。

- for (var i =0; i<5; i++)
  div.flexitem.item#{i} Item#{i}

よろしくお願いします。

Answer 1

この記述方法で解決しました。

div.flexitem(class=`item${i}`) Item#{i}