Use localvalue to separate markers and navigation route

resources/js/components/fields/NavigationRoute.vue

@@ -3,7 +3,7 @@
     <field-polyline
       :edit="edit"
       :field="field"
-      :value="value"
+      :value="localValue"
       @input="triggerChange"
     />
   </div>
@@ -28,12 +28,16 @@ export default {
 
   data() {
     return {
-      startBounds: undefined,
-      markerBeingDragged: undefined,
-      lastMarkerAddedTime: 0,
+      localValue: {},
     };
   },
 
+  created() {
+    if (this.value !== null) {
+      this.localValue = this.value;
+    }
+  },
+
   methods: {
     queryNavigation(markers) {
       const cords = markers
@@ -58,6 +62,8 @@ export default {
         return;
       }
 
+      this.localValue = markers;
+
       console.log("forwarding markers:", markers);
       const navigationRouteCoords = await this.queryNavigation(markers);
       console.log("got navigationRouteCoords:", navigationRouteCoords);