shared-list.js

<SortableJs
  class="list-group"
  @items={{array "one" "two" "three" "four" "five"}}
  @options={{hash animation=150 ghostClass="ghost-class" group="shared"}}
  @onRemove={{this.onRemove}}
  @onEnd={{this.onEnd}}
  as |list|
>
  {{log 'running a' list}}
  {{#each list as |item index| }}
    <div data-list-item={{index}} class="list-group-item">{{item}}</div>
  {{/each}}
</SortableJs>
<br>
<SortableJs
  class="list-group"
  @items={{array "one" "two" "three" "four" "five"}}
  @options={{hash animation=150 ghostClass="ghost-class" group="shared"}}
  @onAdd={{fn this.onAdd}}
  as |list|
>
  {{log 'running b' list}}
  {{#each list as |item index| }}
    <div data-list-item={{index}} class="list-group-item bg-yellow">{{item}}</div>
  {{/each}}
</SortableJs>