How to work with data objects in Jade?

Question

Pug

I understand this preprocessor.
I am making a mixin, which in the loop should create the required number of cards.
Something like this codepen.io/mishapsv/pen/QEGORL
But the problem is in the object from which the data is taken.
The code does not compile because constantly complains about extra spaces in the object.
For Jade himself, I use Atom Beauty, but it does not help with the object.
Tell me how would you do it?

Answer 1

Decided it like this

- var movieList = []
- movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
- movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
- movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
- movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
- movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})