Enable highlight disablement

example/src/App.vue

@@ -125,6 +125,7 @@ import NumberCounter from "./components/NumberCounter.vue";
         context="lesson"
         grid-id="lesson-storage"
         @itemChanged="handleLessonDropInContainer"
+        no-highlight
       >
         <template #item="item">
           <div class="container">{{ item }}</div>

src/DragGrid.vue

@@ -79,6 +79,11 @@ export default {
       required: false,
       default: uuidv4,
     },
+    noHighlight: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   methods: {
     positionAllowed(x, y, key) {
@@ -108,7 +113,7 @@ export default {
       let element = JSON.parse(data);
       let coords = this.getCoords(event.layerX, event.layerY);
 
-      if (element.context !== this.context) {
+      if (element.context !== this.context || this.noHighlight) {
         this.$refs.highlightContainer.style.display = "none";
         return;
       }