Vue sortable component

gistfile1.txt

//Javascript
Vue.component('sort', {
    template: "#sort-template",
    props : ['data', 'id'],
    ready: function (value) {
        Sortable.create(document.getElementById(this.id), {
            draggable: 'li'
        });
    }
});

//HTML
<sort :data="list" id="listElement"></sort>

//HTML
<script type="text/x-template" id="sort-template">
    <ul :id="id">
        <li v-for="item in data">{{item}}</li>  
    </ul>
</script>