How to access the first element of each loop in pug?

Question

Pug

each index in items
  li.blog-nav__item= index.title

How can I put the class active on the first item. That is, what would only the first element receive always the active class?

Answer 1

I found this option in my old code

ul.breadcrumb
        each item, i in items
            li.breadcrumb__item
                if i < items.length - 1
                    a.breadcrumb__link(href="#") #{item}
                else
                    span.breadcrumb__link.current #{item}

I think you can change it to this

each item, index in items
  if index == 0
    li.blog-nav__item.active= item.title
  else
    li.blog-nav__item= item.title