<h4>Compétences{{#if @root.options.vueDetaillee}} <a class="competence-add" data-tooltip="Ajouter une compétence">
  <i class="fa-solid fa-books-medical"></i>
</a>{{/if}}</h4>
<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 roll-competence">
      <img class="sheet-competence-img" src="{{comp.img}}" data-tooltip="{{comp.name}}"/>
      <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="{{plusMoins comp.system.niveau}}" 
      {{#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="{{plusMoins comp.system.dommages}}" 
        {{#unless @root.options.vueDetaillee}}disabled{{/unless}}
      {{else}}disabled{{/if}}
      />
    {{#if @root.options.vueDetaillee}}
    <div class="item-controls">
      <a class="item-edit" data-tooltip="Modifier"><i class="fas fa-edit"></i></a>
      <a class="item-delete" data-tooltip="Supprimer"><i class="fas fa-trash"></i></a>
    </div>
    {{/if}}
  </li>
  {{/each}}
</ol>