From 7b299290de5ee6cfaf55bea498ca0592a67ffcfa Mon Sep 17 00:00:00 2001
From: Tyrel Souza <tyrelsouza@gmail.com>
Date: Tue, 17 Apr 2018 22:00:48 -0400
Subject: [PATCH] s8e113 EVENT BUSSSSS ALL ABOARD

---
 section-code/src/components/User.vue       | 1 +
 section-code/src/components/UserDetail.vue | 7 +++++++
 section-code/src/components/UserEdit.vue   | 3 ++-
 section-code/src/main.js                   | 3 +++
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/section-code/src/components/User.vue b/section-code/src/components/User.vue
index fd21a52..e41511a 100644
--- a/section-code/src/components/User.vue
+++ b/section-code/src/components/User.vue
@@ -2,6 +2,7 @@
     <div class="component">
         <h1>The User Component</h1>
         <p>I'm an awesome User!</p>
+        <p>I'm an awesome {{age}}!</p>
         <button @click="changeName">Change My Name from {{name}}</button>
         <hr>
         <div class="row">
diff --git a/section-code/src/components/UserDetail.vue b/section-code/src/components/UserDetail.vue
index 619d83b..ca34c57 100644
--- a/section-code/src/components/UserDetail.vue
+++ b/section-code/src/components/UserDetail.vue
@@ -9,6 +9,8 @@
 </template>
 
 <script>
+    import { eventBus } from "../main"
+
     export default {
         props:{
             userAge: Number,
@@ -27,6 +29,11 @@
                 this.name = 'Tyrel';
                 this.$emit('nameWasReset', this.name)
             }
+        },
+        created(){
+            eventBus.$on('ageWasEdited', (age) => {
+                this.userAge = age;
+            })
         }
     }
 </script>
diff --git a/section-code/src/components/UserEdit.vue b/section-code/src/components/UserEdit.vue
index 0420959..f2defed 100644
--- a/section-code/src/components/UserEdit.vue
+++ b/section-code/src/components/UserEdit.vue
@@ -7,12 +7,13 @@
 </template>
 
 <script>
+    import {eventBus } from "../main"
     export default {
         props: ['userAge'],
         methods: {
             editAge(){
                 this.userAge = 30;
-                this.$emit('ageWasEdited', this.userAge)
+                eventBus.$emit('ageWasEdited', this.userAge)
             }
         }
     }
diff --git a/section-code/src/main.js b/section-code/src/main.js
index 385fcfe..e6e6ea3 100644
--- a/section-code/src/main.js
+++ b/section-code/src/main.js
@@ -1,7 +1,10 @@
 import Vue from 'vue'
 import App from './App.vue'
 
+export const eventBus = new Vue();
+
 new Vue({
   el: '#app',
   render: h => h(App)
 })
+