Moving between lists that share data

[codetakki]

We have a product that needs a simple way to manual reorder items in a list that can have 100+ items.
To make it easier to move a item from slot 1 to 100 we want to have two lists side by side that can be scrolled individual, but share the same data.

I have gotten pretty close to this, but still have some issues that would have to be fixed.

1. Would it be possible to hide the original object that is being moved from both lists?
   So that only the preview item of the row is visible?
2. Do you have any other suggestion on how to achieve this behavior?

I have created a simple vue3 codesandbox with a demo: https://codesandbox.io/p/github/codetakki/sort-same-list-poc/