Как правильно написать цикл для разметки слайдера?

Question

[cybersunt]

Нужно, чтобы pug скомпилировал на выходе следующую конструкцию

<div class="slideshow">
  <ul class="slideshow__list">
    <li class="slideshow__item slideshow__item--active">1 слайд</li>
    <li class="slideshow__item">2 слайд</li>
    <li class="slideshow__item">3 слайд</li>
  </ul>
</div>

Подскажите, как правильно в паге написать цикл. который бы добавлял первому элементу списка дополнительный класс?
Все данные для наполнения slideshow__item берутся из json файла
У меня была следующая конструкция, которая не работала

.slideshow
  ul.slideshow__list
    each slide, value, index in slides
      if index === 0 
         li.slideshow__item.slideshow__item--active= slide.text
      else li.slideshow__item= slide.text