diff --git a/app/src/components/TreeChart.vue b/app/src/components/TreeChart.vue
index 2e0f82c..19c8041 100644
--- a/app/src/components/TreeChart.vue
+++ b/app/src/components/TreeChart.vue
@@ -1,6 +1,7 @@
 <script setup>
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import FileNode from './FileNode.vue'
+import socket from '../utils/socket.js'
 
 const graph = ref({
   path: '/',
@@ -52,6 +53,13 @@ const graph = ref({
     },
   ],
 })
+
+onMounted(() => {
+  socket.on('graph', (event) => {
+    // TODO: update graph
+    console.log(event)
+  })
+})
 </script>
 
 <template>