修改vue3代码实现div可以被拖拽移动？

Question

https://play.vuejs.org/#eNqlVW1r2zAQ/is3U4gDmdPto5eWbnSMwcZg7...

上面地址中的代码需要修改成：
1：两个div可以分别被拖拽移动。
2：移动时不能超过窗口边界。

有人知道怎么修改不？对鼠标那块的知识不怎么熟，学了忘。