need to fix route emit

VueApp/src/components/ElevationGraph.vue

@@ -7,38 +7,38 @@
 </template>
 
 <script>
-    import { GChart } from 'vue-google-charts'
+  import { GChart } from 'vue-google-charts'
 
-    export default {
-        name: "ElevationGraph",
-        components: { GChart },
-        data () {
-          return {
-            currentRoute: null,
-            elevationService: null,
-            chartData: [],
-            chartOptions: {
-              chart: {
-                title: 'Elevation Report'
-              }
-            }
-          }
-        },
-        methods: {
-          getPathElevation (currentRoute) {
-            this.chartData = []
-            this.elevationService = new google.maps.ElevationService() // eslint-disable-line no-undef
-            this.elevationService.getElevationAlongPath({
-              'path': currentRoute,
-              'samples': 256
-            }, function (elevations, status) {
-               if (status === 'OK') {
-                  elevations.forEach(e => this.chartData.push(['', e.elevation]))
-               }
-            })
+  export default {
+    name: 'ElevationGraph',
+    components: { GChart },
+    data () {
+      return {
+        currentRoute: null,
+        elevationService: null,
+        chartData: [],
+        chartOptions: {
+          chart: {
+            title: 'Elevation Report'
           }
         }
+      }
+    },
+    methods: {
+      getPathElevation () {
+        this.chartData = []
+        this.elevationService = new google.maps.ElevationService() // eslint-disable-line no-undef
+        this.elevationService.getElevationAlongPath({
+          'path': this.currentRoute,
+          'samples': 256
+        }, function (elevations, status) {
+          if (status === 'OK') {
+            elevations.forEach(e => this.chartData.push(['', e.elevation]))
+          }
+        })
+      }
     }
+  }
 </script>
 
 <style scoped>

VueApp/src/components/GoogleMap.vue

@@ -80,7 +80,7 @@
         this.clearRoute()
         this.markers = []
       },
-      setRoute: function (a, b) {
+      setRoute (a, b) {
         this.clearRoute()
         this.directionsService = new google.maps.DirectionsService() // eslint-disable-line no-undef
         this.directionsDisplay = new google.maps.DirectionsRenderer({ draggable: true }) // eslint-disable-line no-undef
@@ -104,7 +104,8 @@
         if (this.directionsDisplay) this.directionsDisplay.setMap(null)
       },
       emitRoute () {
-        if (this.currentRoute) this.$emit('currentRoute', this.currentRoute)
+        /* if (this.currentRoute) */ this.$emit('updateRoute', this.currentRoute)
+        console.log('emitting route')
       }
     }
   }

VueApp/src/components/Main.vue

@@ -4,16 +4,17 @@
       <img src="http://via.placeholder.com/1000x100"/>
     </div>
     <div class="mainMap">
-      <google-map/>
+      <GoogleMap v-on:updateRoute="updateElevation"/>
     </div>
     <div class="infoGraphic">
-      <img src="http://via.placeholder.com/800x100"/>
+      <ElevationGraph/>
     </div>
   </div>
 </template>
 
 <script>
   import GoogleMap from './GoogleMap.vue'
+  import ElevationGraph from './ElevationGraph.vue'
   export default {
     name: 'main',
     props: ['auth', 'authenticated'],
@@ -21,7 +22,13 @@
       this.auth.login()
     },
     components: {
-      GoogleMap
+      GoogleMap,
+      ElevationGraph
+    },
+    methods: {
+      updateElevation (route) {
+        console.log(route)
+      }
     }
   }
 </script>