Listas separadas por vírgulas com Meteor

Se você usar a estrutura Meteor, pode ter se deparado com o problema da lista separada por vírgulas. Basicamente, não há uma maneira fácil de fazer um usando um {{each}}loop, porque a equipe do Meteor ainda não implementou o Handlebar @index(embora esteja em sua agenda ).

Enquanto isso, há uma solução realmente fácil que usa CSS (puristas: volte depois de uma hora de hacks do Meteor / Handlebar / JavaScript). Usando o :aftere os :last-childpseudos, podemos criar uma lista separada por vírgulas perfeitamente funcional, assim:

.comma-list { list-style-type: none }
.comma-list li { display: inline }
/* Here's the interesting part: */
.comma-list li:after { content: ", " }
.comma-list li:last-child:after { content: "" }

E agora este:

<ul class="comma-list">
    <li>First item</li>
    <li>Second item</li>
    <li>Last item</li>
</ul>

Será parecido com este:

First item, Second item, Last item