diff --git a/using-evil-bindings/src/App.vue b/using-evil-bindings/src/App.vue
index 9c29f7c..746d818 100644
--- a/using-evil-bindings/src/App.vue
+++ b/using-evil-bindings/src/App.vue
@@ -6,10 +6,10 @@
     </header>
     <div class="row">
       <div class="col">
-        <client clientid="Client A" :messages="messages" :callback="newMessage"></client>
+        <client clientid="Client A" :messages="messages" @sendMessage="newMessage"></client>
       </div>
       <div class="col">
-        <client clientid="Client B" :messages="messages" :callback="newMessage"></client>
+        <client clientid="Client B" :messages="messages" @sendMessage="newMessage"></client>
       </div>
     </div>
   </div>
diff --git a/using-evil-bindings/src/components/Client.vue b/using-evil-bindings/src/components/Client.vue
index 4cb30a6..9e28164 100644
--- a/using-evil-bindings/src/components/Client.vue
+++ b/using-evil-bindings/src/components/Client.vue
@@ -15,16 +15,20 @@
 </template>
 
 <script>
+const events = {
+  sendMessage: 'sendMessage'
+}
+
 export default {
   data() {
     return {
       msg: ''
     }
   },
-  props: ['clientid', 'messages', 'callback'],
+  props: ['clientid', 'messages'],
   methods: {
     trySendMessage() { 
-      this.callback({
+      this.$emit(events.sendMessage, {
         text: this.msg, 
         sender: this.clientid
       })