move control events to own emitter.

src/component/internal/control.ts

@@ -3,15 +3,23 @@ import Vue from 'vue'
 import * as EVENT from '../types/events'
 import * as message from '../types/messages'
 
+import EventEmitter from 'eventemitter3'
 import { NekoConnection } from './connection'
 import { Control } from '../types/state'
 
-export class NekoControl {
+export interface NekoControlEvents {
+  ['overlay.click']: () => void
+  ['overlay.contextmenu']: () => void
+}
+
+export class NekoControl extends EventEmitter<NekoControlEvents> {
   // eslint-disable-next-line
   constructor(
     private readonly _connection: NekoConnection,
     private readonly _state: Control,
-  ) {}
+  ) {
+    super()
+  }
 
   public lock() {
     Vue.set(this._state, 'locked', true)

src/component/internal/messages.ts

@@ -39,10 +39,6 @@ export interface NekoEvents {
   ['room.screen.updated']: (width: number, height: number, rate: number) => void
   ['room.clipboard.updated']: (text: string) => void
   ['room.broadcast.status']: (isActive: boolean, url?: string) => void
-
-  // overlay events
-  ['overlay.click']: () => void
-  ['overlay.contextmenu']: () => void
 }
 
 export class NekoMessages extends EventEmitter<NekoEvents> {

src/component/main.vue

@@ -29,7 +29,7 @@
         @implicitControlRelease="control.release()"
         @updateKeyboardModifiers="updateKeyboardModifiers($event)"
         @uploadDrop="uploadDrop($event)"
-        @onAction="events.emit('overlay.' + $event)"
+        @onAction="control.emit('overlay.' + $event)"
       />
     </div>
   </div>