Ordering the cards elements

[jhefreyzz]

I've been looking in the demo page for ways to persist the order of each cards in a list and see this code, probably this will populate the cards in each list.

<Draggable  v-for="card in column.children" :key="card.id">
     <div :class="card.props.className" :style="card.props.style">
           <p>{{ card.data }}</p>
     </div>
 </Draggable>

Is there a directive like (v-orderby) wherein the order the cards populated in list will be determined by something like sort number where the lesser the sort number it will be first cards to be displayed.