v-touch-hold problem

[mordvash]

I’m trying to use v-touch-hold without success ,
Iwhen a user clicks on an item for a second a dailog will appear
this is my code:
<edit-task :popup=“popup” style=“display: none”/>
<q-list class=“text-white” separator bordered>
<q-item
v-for=“task in tasks”
v-touch-hold:1000.mouse=“edit(task)”
:key=“task.taskID”
@click=“taskTransition(task)”
clickable
v-ripple>
<q-item-section side top>
<q-checkbox
class=“no-pointer-events”
:value=“task.completed”/>
</q-item-section>
</q-item>
</q-list>

edit(task){
this.popup.status = true
},

The problem is that it runs the function edit(task) , as the number of times tasks length
and then v-touch-hold does not work
Thanks!

[Franlafrossia]

This codepen helped me.
https://codepen.io/anon/pen/ZVgZNz