How to output data from json file array to pug loop?

Question

Pug

I have an array with data in json format

{
  "socialsData":
  [
    {
      "title" : "Вконтакте",
      "prefix" : "vk",
      "href" : "https://vk.com/"
    },
    {
      "title" : "Фейсбук",
      "prefix" : "fb",
      "href" : "https://fb.com/"
    }
  ]
}

In the gulp file, I specify where to parse the json file

.pipe(pug({
      locals : {
        socials: JSON.parse(fs.readFileSync('src/modules/socials/socials.json', 'utf8')),
      }
     }))

In the socials.pug file, I output data in a loop

ul.socials
  each href, title, prefix in socials.socialsData
    li.socials__item
      a(href= '' +href target="_blank" class= 'socials__link socials__link--' +prefix)= title

But I have 0, 1, ... displayed instead of title. I understand that the output from the array should be somewhat different, and therefore I do not get the expected result. How can I correctly display the elements of an array in a loop?

Answer 1

each item in socials.socialsData
  a(href=item.href) #{item.title}