Imported l-control

resources/js/components/fields/NavigationRoute.vue

@@ -9,7 +9,7 @@
 
     <l-control position="topleft" v-if="edit" class="block my-2">
       <div class="flex">
-	<div v-for="option in routeTypes">
+	<div v-for="option in routeTypes" class="ml-2">
           <input type="radio" :id="option.value" :value="option.value" v-model="selectedRouteType">
           <label :for="option.value">{{ option.name }}</label>
 	</div>
@@ -20,6 +20,8 @@
 </template>
 
 <script>
+import { LControl } from 'vue2-leaflet';
+
 export default {
   props: {
     value: {
@@ -51,7 +53,7 @@ export default {
   },
 
   created() {
-    this.selectedRouteTypes = this.routeTypes[0];
+    this.selectedRouteTypes = this.routeTypes[0].value;
 
     if (this.value !== null) {
       this.localValue = this.value;
@@ -91,5 +93,9 @@ export default {
       this.$emit("input", navigationRouteCoords);
     },
   },
+
+  components: {
+    LControl
+  }
 };
 </script>

resources/js/components/fields/Polygon.vue

@@ -44,7 +44,7 @@
 </template>
 
 <script>
-import { LMarker, LIcon, LPolygon } from "vue2-leaflet";
+import { LMarker, LIcon, LPolygon, LControl } from "vue2-leaflet";
 
 export default {
     props: {
@@ -144,6 +144,7 @@ export default {
         LMarker,
         LIcon,
         LPolygon,
+	LControl,
     },
 };
 </script>