Failed to resolve directive: dragable-for

I have been trying to make a dynamic form to add JS links in my project. Later i need it to be drag-and-drop functionality for precedence of js links. Hence, i make to know about this repo. and been try to implement but faced prob. of this:-

<div v-dragable-for="(n, index) in externallinksJS">
....
import Vue from 'vue';
import VueDraggable from 'vuedraggable'
Vue.use(VueDraggable);
...

data(){
return{
externallinksJS:[]

}}

Here externallinksJS is a array and on button click it adds

addNewexternallinkJS() {
      let newVariable = { linktype: 'JS', linkposition: '', linkurl: ''};
      this.externallinksJS.push(newVariable);
    }

In your demo it seems to be working fine. https://jsfiddle.net/dede89/j62g58z7/

Help would be appreciated. Thank you.

[jdriesen]

You’re welcome, @gkumar9 …

BTW… FYI … Vue 2.5.13 is out 😃 (yep, they are going faaaaaast )

Success with your projects ! Grtz, Johnny

[gkumar9]

@jdriesen thanks, man. I solved my prob. by properly using the draggable component as mentioned in the readme file. @David-Desmaisons thank you.