<ol class="item-list alterne-list">
  {{#each (trier competences) as |comp key|}}
  <li class="item flexrow list-item" data-item-id="{{comp._id}}">
    <a class="competence-label">
      <img class="sheet-competence-img" src="{{comp.img}}" />
      <span>{{comp.name}}</span>
    </a>

    <input class="competence-carac creature-carac" type="text" compname="{{comp.name}}" name="{{comp._id}}.carac"
      value="{{comp.system.carac_value}}" data-dtype="number"
      {{#unless @root.options.vueDetaillee}}disabled{{/unless}}/>
    <input class="competence-value creature-niveau" type="text" data-dtype="number"
      compname="{{comp.name}}" name="{{comp._id}}.niveau"
      value="{{numberFormat comp.system.niveau decimals=0 sign=true}}" 
      {{#unless @root.options.vueDetaillee}}disabled{{/unless}}
      />
    <input class="competence-damage creature-dommages" type="text" data-dtype="number" 
      {{#if comp.isdommages}}
        compname="{{comp.name}}" name="{{comp._id}}.dommages"
        value="{{numberFormat comp.system.dommages decimals=0 sign=true}}" 
        {{#unless @root.options.vueDetaillee}}disabled{{/unless}}
      {{else}}disabled{{/if}}
      />
    {{#if @root.options.vueDetaillee}}
    <div class="item-controls">
      <a class="item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
      <a class="item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
    </div>
    {{/if}}
  </li>
  {{/each}}
</ol>