Resolve "Implement basic functionality"

Closes #1 (closed) Closes #2 (closed) Closes #3 (closed) Closes #4 (closed) Closes #5 (closed) Closes #6 (closed)

src/DragContainer.vue

@@ -17,6 +17,7 @@ export default {
     handleDragStart(event) {
       if (this.isDisabled) return;
       this.$refs.wrapper.style.cursor = "grabbing";
+      let rect = event.target.getBoundingClientRect();
       event.dataTransfer.setData(
         "vueDrag/gridItem",
         JSON.stringify({
@@ -28,6 +29,8 @@ export default {
           data: this.data,
           context: this.context,
           originGridId: this.gridId,
+          mouseX: event.clientX - rect.x - rect.width / (2 * this.w), // relative to center of the top left square
+          mouseY: event.clientY - rect.y - rect.height / (2 * this.h),
         })
       );
     },