title: Vue animation transitions between multiple lists
body: <p>I'm trying to create a Kanban board in Vue where users can click and drag items from one column to another. I'm using <a href="https://github.com/SortableJS/Vue.Draggable" rel="nofollow noreferrer">Vue Draggable</a> for the click-and-drag functionality, and can successfully drag items from one array to another.</p>
  <p>I'd like a smooth transition when adding items to one array to another. The example in <a href="https://v2.vuejs.org/v2/guide/transitions.html#List-Move-Transitions" rel="nofollow noreferrer">the transition documentation</a> using <code>animation-move</code> CSS class works fine for transitions <em>within</em> an array, but not <em>between</em> arrays.</p>
  <p>Is there any way to get a smooth animation using the built in Vue transition API when moving items from one array to another?</p>