diff --git a/src/components/Graph/index.vue b/src/components/Graph/index.vue
index 87211f8..9edc40e 100644
--- a/src/components/Graph/index.vue
+++ b/src/components/Graph/index.vue
@@ -24,24 +24,24 @@
       }"
     >
       <template #left-pane>
-        <div :style="{ height: '100%' }" ref="graphEditorContainer">
+        <div ref="graphEditorContainer" :style="{ height: '100%' }">
           <GraphEditor
             ref="graphEditor"
             :dataSources="dataSources"
             :initOptions="initOptions"
             :showViewSettings="showViewSettings"
             @update="$emit('update')"
-            @selectItem="selectedItem = $event"
-            @clearSelection="selectedItem = null"
+            @select-item="selectedItem = $event"
+            @clear-selection="selectedItem = null"
           />
         </div>
       </template>
       <template v-if="showValueViewer" #right-pane>
         <value-viewer
           :empty="!selectedItem"
-          empty-message="No node or edge selected to view"
+          emptyMessage="No node or edge selected to view"
           :value="JSON.stringify(selectedItem)"
-          default-format="json"
+          defaultFormat="json"
         />
       </template>
     </splitpanes>
diff --git a/src/components/RunResult/index.vue b/src/components/RunResult/index.vue
index b372843..98c7dc5 100644
--- a/src/components/RunResult/index.vue
+++ b/src/components/RunResult/index.vue
@@ -50,7 +50,7 @@
       <template v-if="viewValuePanelVisible" #right-pane>
         <value-viewer
           :empty="!selectedCell"
-          empty-message="No cell selected to view"
+          emptyMessage="No cell selected to view"
           :value="
             selectedCell
               ? result.values[result.columns[selectedCell.dataset.col]][