diff --git a/src/component/main.vue b/src/component/main.vue
index 03ceef8f..ec23bb86 100644
--- a/src/component/main.vue
+++ b/src/component/main.vue
@@ -297,6 +297,17 @@
       this.tabHander = func
     }
 
+    // TODO: Refactor.
+    public cookieEvent(event: string, payload?: any | undefined) {
+      this.websocket.send('cookies/' + event, { payload })
+    }
+
+    // TODO: Refactor.
+    cookieHander?: (event: string, payload: any) => any
+    public cookieSubscribe(func: (event: string, payload: any) => any) {
+      this.cookieHander = func
+    }
+
     /////////////////////////////
     // Component lifecycle
     /////////////////////////////
@@ -328,6 +339,11 @@
         if (event.match(/^tabs\//) && this.tabHander) {
           this.tabHander(event, payload.payload)
         }
+
+        // TODO: Refactor.
+        if (event.match(/^cookies\//) && this.cookieHander) {
+          this.cookieHander(event, payload.payload)
+        }
       })
       this.websocket.on('connecting', () => {
         Vue.set(this.state.connection, 'websocket', 'connecting')