poc concept for event bus

src/components/UsrMsg.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="hello">
+    <input placeholder="Enter Text Here" v-model="tempMessage" @keyup.enter="submit" />
+  </div>
+</template>
+
+<script>
+import { EventBus } from '../event-bus'
+
+export default {
+  name: 'UsrMsg',
+  data () {
+    return {
+      tempMessage: ''
+    }
+  },
+  methods: {
+    submit: function () {
+      EventBus.$emit( 'inputData', this.tempMessage )
+      this.tempMessage = ''
+    }
+  }
+}
+</script>

src/components/map/Results.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <li v-for="(message, index) in messageList" :item="message" :key="index">
+      {{ message }}
+    </li>
+  </div>
+</template>
+
+<script>
+import { EventBus } from '../../event-bus'
+export default {
+  name: 'Results',
+  props: {
+    msg: {
+      type: String
+    }
+  },
+  data: function () {
+    return {
+      messageList: []
+    }
+  },
+  created () {
+    EventBus.$on( 'inputData', inputWord => {
+      this.messageList.push( inputWord )
+    } )
+  }
+}
+</script>

src/components/map/map.vue

@@ -9,6 +9,7 @@
         :style="{ marginTop: marginTop + 'px' }"
       >
         <div class="colorByTitle">Group By:</div>
+        <div class="colorByTitle"><UsrMsg /><Results /></div>
         <switchButtons :titles="['Category', 'Energy Trend']" v-model="grouping" />
         <el-menu-item-group v-if="grouping === 'Category'">
           <span slot="title" class="sideMenuGroupTitle">Key</span>
@@ -78,6 +79,8 @@ import prompt from '@/components/map/map_prompt'
 import compareSide from '@/components/map/map_compareside'
 import L from 'leaflet'
 import switchButtons from '@/components/map/switch_buttons'
+import Results from '@/components/map/Results'
+import UsrMsg from '@/components/UsrMsg'
 
 export default {
   name: 'featured',
@@ -88,7 +91,9 @@ export default {
     LGeoJson,
     prompt,
     compareSide,
-    switchButtons
+    switchButtons,
+    Results,
+    UsrMsg
   },
   computed: {
     showSide: {

src/event-bus.js

@@ -0,0 +1,2 @@
+import Vue from 'vue'
+export const EventBus = new Vue()