Как частично изменять значения атрибутов в цикле на Pug?

Question

[Хороший Человек]

Добрый вечер!
Учу синтаксис и возможноти Pug.
Наткнулся на то что нужно сделать 3 одинаковых блока, но с немножко разными значениями атрибутов. И первая мысль естественно циклы. Начал писать но что то не заладилось у меня с ним.
Нужно сделать примерно следующую разметку:

<div class="item">
  <img src="/img/1.jpg" srcset="/img/[e-mail] 2x">
</div>
<div class="item">
  <img src="/img/2.jpg" srcset="/img/[e-mail] 2x">
</div>
<div class="item">
  <img src="/img/3.jpg" srcset="/img/[e-mail] 2x">
</div>

Попробовал я значит вот так:

each val in [1,2,3]
  div.item
    img(src='/img/#{val}.jpg' srcset='/img/#{val}@#{val}x.jpg 2x')

и вместо #{val},
делал так: '/img/' + #{val} + '.jpg',
а еще так: '/img/' + val + '.jpg'
Но в итоге не прошло.
Есть ли возможность в цикле Pug выводить разные значения атрибутов в зависимости от итерации и если да, то как?

Answer 1

[Константин Величко]

each val in [1,2,3]
  div.item
    img(src="/img/#{val}.jpg" srcset="/img/#{val}@2x.jpg 2x")

Управлять выводом можно с помощью if, но у вас проблема в другом здесь @#{val}x