Прошу подсказать, как в PUG в миксин записать цикл, добавляющий номера в классы li?

Question

[Василий Лис]

mixin li(img, title, p, liList)
.WorkingProcessContainer__li.WorkingProcessContainer__li#{liList}
i(.img, aria-hidden="true")
h5.ul__h5 #{title}
p.ul__p #{p}
a.ul__a #[i.fa.fa-plus(aria-hidden="true")] Know More

Подскажите пожалуйста, как записать цикл, добавляющий во второй строчке в liList поочередное значение? Что бы классы были
.WorkingProcessContainer__li WorkingProcessContainer__li1
.WorkingProcessContainer__li WorkingProcessContainer__li2
.WorkingProcessContainer__li WorkingProcessContainer__li3
.WorkingProcessContainer__li WorkingProcessContainer__li4

Спасибо!

Answer 1

[yarnstart]

- for(var i = 1; i < 5; i++) {
	.WorkingProcessContainer__li(class=`WorkingProcessContainer__li${i}`) content
- }

Comments

[Василий Лис]

Спасибо! Работает, хотя в WebStorm ругает фигурные скобки, выделенные красным...
P.S. проблема решилась отступами.