JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>

<script type="handlebars" id="in"> 
a
{{p.people}} <br>
b
{{#each p.people}}
  {{#if @index}} | {{/if}}{{name}}
{{/each}}
<br>
c
{{#each p.people}}{{name}}
  {{#unless @last}} | {{/unless}}
{{/each}}

</script>
here
<div id="out">
  
</div>

JavaScript

var p = {
  people: [
    {name:"Yehuda Katz"},
    {name:"Alan Johnson"},
    {name:"Charles Jolley"}
  ]
};
var template = Handlebars.compile(document.querySelector('#in').innerText);
document.querySelector('#out').innerHTML = template({p:p});