feat: wrap ready event in $nextTick

Author: Nicolò Maria Mezzopera

src/components/LCircle.vue

@@ -31,7 +31,9 @@ export default {
     this.ready = true;
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   methods: {}
 };

src/components/LCircleMarker.vue

@@ -35,7 +35,9 @@ export default {
     this.ready = true;
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>

src/components/LControl.vue

@@ -29,7 +29,9 @@ export default {
     this.parentContainer = findRealParent(this.$parent);
     this.mapObject.setElement(this.$el);
     this.mapObject.addTo(this.parentContainer.mapObject);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>

src/components/LControlAttribution.vue

@@ -21,7 +21,9 @@ export default {
     this.mapObject = control.attribution(options);
     propsBinder(this, this.mapObject, this.$options.props);
     this.mapObject.addTo(this.$parent.mapObject);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   render () {
     return null;

src/components/LControlLayers.vue

@@ -41,7 +41,9 @@ export default {
     this.mapObject = control.layers(null, null, options);
     propsBinder(this, this.mapObject, this.$options.props);
     this.$parent.registerLayerControl(this);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   methods: {
     addLayer (layer) {

src/components/LControlScale.vue

@@ -36,7 +36,9 @@ export default {
     this.mapObject = control.scale(options);
     propsBinder(this, this.mapObject, this.$options.props);
     this.mapObject.addTo(this.$parent.mapObject);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   render () {
     return null;

src/components/LControlZoom.vue

@@ -36,7 +36,9 @@ export default {
     this.mapObject = control.zoom(options);
     propsBinder(this, this.mapObject, this.$options.props);
     this.mapObject.addTo(this.$parent.mapObject);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   render () {
     return null;

src/components/LFeatureGroup.vue

@@ -26,7 +26,9 @@ export default {
     if (this.visible) {
       this.parentContainer.addLayer(this);
     }
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>

src/components/LGeoJson.vue

@@ -37,7 +37,9 @@ export default {
     propsBinder(this, this.mapObject, this.$options.props);
     this.parentContainer = findRealParent(this.$parent, true);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   beforeDestroy () {
     this.parentContainer.mapObject.removeLayer(this.mapObject);

src/components/LGridLayer.vue

@@ -43,7 +43,9 @@ export default {
     this.mapObject.createTile = this.createTile;
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   beforeDestroy () {
     this.parentContainer.removeLayer(this.mapObject);

src/components/LImageOverlay.vue

@@ -13,7 +13,9 @@ export default {
     propsBinder(this, this.mapObject, this.$options.props);
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   render () {
     return null;

src/components/LLayerGroup.vue

@@ -26,7 +26,9 @@ export default {
     if (this.visible) {
       this.parentContainer.addLayer(this);
     }
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>

src/components/LMap.vue

@@ -158,7 +158,9 @@ export default {
     this.ready = true;
     // DEPRECATED leaflet:load
     this.$emit('leaflet:load');
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   methods: {
     registerLayerControl (lControlLayers) {

src/components/LMarker.vue

@@ -52,7 +52,9 @@ export default {
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
     this.ready = true;
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   methods: {
     setDraggable (newVal, oldVal) {

src/components/LPolygon.vue

@@ -31,7 +31,9 @@ export default {
     this.ready = true;
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>

src/components/LPolyline.vue

@@ -31,7 +31,9 @@ export default {
     this.ready = true;
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>

src/components/LPopup.vue

@@ -24,7 +24,9 @@ export default {
     this.mapObject.setContent(this.content || this.$el);
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.mapObject.bindPopup(this.mapObject);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   beforeDestroy () {
     if (this.parentContainer) {

src/components/LRectangle.vue

@@ -31,7 +31,9 @@ export default {
     this.ready = true;
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>

src/components/LTileLayer.vue

@@ -28,7 +28,9 @@ export default {
     propsBinder(this, this.mapObject, this.$options.props);
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>

src/components/LTooltip.vue

@@ -15,7 +15,9 @@ export default {
     this.mapObject.setContent(this.content || this.$el);
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.mapObject.bindTooltip(this.mapObject);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   },
   beforeDestroy () {
     if (this.parentContainer) {

src/components/LWMSTileLayer.vue

@@ -20,7 +20,9 @@ export default {
     propsBinder(this, this.mapObject, this.$options.props);
     this.parentContainer = findRealParent(this.$parent);
     this.parentContainer.addLayer(this, !this.visible);
-    this.$emit('ready', this.mapObject);
+    this.$nextTick(() => {
+      this.$emit('ready', this.mapObject);
+    });
   }
 };
 </script>