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

 <template>
-  <div @dragstart="handleDragStart">
+  <div @dragstart="handleDragStart" draggable="true" id="wrapper">
     <slot>
-      <div id="container"></div>
+      <div id="container">
+        <dl>
+          <dt>Position</dt>
+          <dd>{{ x }}, {{ y }}</dd>
+          <dt>Size</dt>
+          <dd>{{ w }} × {{ h }}</dd>
+        </dl>
+      </div>
     </slot>
   </div>
 </template>
@@ -12,12 +19,23 @@ export default {
   methods: {
     handleDragStart(event) {
       event.dataTransfer.setData("text", event.target.id);
-    }
-  }
-}
+    },
+  },
+  props: {
+    x: Number,
+    y: Number,
+    w: Number,
+    h: Number,
+  },
+};
 </script>
 
 <style scoped>
+#wrapper {
+  grid-column: v-bind(x) / span v-bind(w);
+  grid-row: v-bind(y) / span v-bind(h);
+}
+
 #container {
   background: lightcoral;
   width: 100%;