diff --git a/src/components/AppDiagnosticInfo.vue b/src/components/AppDiagnosticInfo.vue
index c0a63e5..d9f9f9d 100644
--- a/src/components/AppDiagnosticInfo.vue
+++ b/src/components/AppDiagnosticInfo.vue
@@ -11,7 +11,7 @@
         <IconButton
           icon="myicon myicon-close"
           variant="secondary"
-          :icon-size="14"
+          :iconSize="14"
           @click="$modal.hide('app-info')"
         />
       </div>
diff --git a/src/components/Common/IconButton.vue b/src/components/Common/IconButton.vue
index 16526cd..c1160af 100644
--- a/src/components/Common/IconButton.vue
+++ b/src/components/Common/IconButton.vue
@@ -59,16 +59,16 @@ export default {
     }
   },
   emits: ['click'],
+  computed: {
+    width() {
+      return this.iconSize + 8
+    }
+  },
   methods: {
     onClick() {
       this.hideTooltip()
       this.$emit('click')
     }
-  },
-  computed: {
-    width() {
-      return this.iconSize + 8
-    }
   }
 }
 </script>
diff --git a/src/components/Common/LoadingDialog.vue b/src/components/Common/LoadingDialog.vue
index 03117ca..5d6360a 100644
--- a/src/components/Common/LoadingDialog.vue
+++ b/src/components/Common/LoadingDialog.vue
@@ -12,7 +12,7 @@
       <IconButton
         icon="myicon myicon-close"
         variant="secondary"
-        :icon-size="14"
+        :iconSize="14"
         :disabled="loading"
         @click="cancel"
       />
diff --git a/src/components/Common/TextField.vue b/src/components/Common/TextField.vue
index 474b2d4..ef1f5b7 100644
--- a/src/components/Common/TextField.vue
+++ b/src/components/Common/TextField.vue
@@ -11,8 +11,8 @@
         variant="secondary"
         class="hint"
         :tooltip="hint"
-        :max-tooltip-width="maxHintWidth"
-        :icon-size="20"
+        :maxTooltipWidth="maxHintWidth"
+        :iconSize="20"
       />
     </div>
     <input
diff --git a/src/components/CsvJsonImport/DelimiterSelector/index.vue b/src/components/CsvJsonImport/DelimiterSelector/index.vue
index 7a55b1f..75b171e 100644
--- a/src/components/CsvJsonImport/DelimiterSelector/index.vue
+++ b/src/components/CsvJsonImport/DelimiterSelector/index.vue
@@ -22,8 +22,8 @@
         <button
           type="button"
           :disabled="disabled"
-          @click="clear"
           class="clear-btn"
+          @click="clear"
         >
           <i class="myicon myicon-clear" />
         </button>
diff --git a/src/components/CsvJsonImport/index.vue b/src/components/CsvJsonImport/index.vue
index ce6460c..afa9801 100644
--- a/src/components/CsvJsonImport/index.vue
+++ b/src/components/CsvJsonImport/index.vue
@@ -11,7 +11,7 @@
       <IconButton
         icon="myicon myicon-close"
         variant="secondary"
-        :icon-size="14"
+        :iconSize="14"
         :disabled="disableDialog"
         data-test="import-close-btn"
         @click="cancelImport"
diff --git a/src/components/Graph/GraphSearchPanel.vue b/src/components/Graph/GraphSearchPanel.vue
index 92da8c0..af1f38c 100644
--- a/src/components/Graph/GraphSearchPanel.vue
+++ b/src/components/Graph/GraphSearchPanel.vue
@@ -10,13 +10,13 @@
     />
     <div v-show="panelOpen" class="graph-search-panel--search-controls">
       <TextField
+        v-model.trim="searchQuery"
         width="250px"
         placeholder="Search nodes..."
-        v-model.trim="searchQuery"
         :errorMsg="regExpIsValid ? '' : 'Invalid regular expression'"
         class="query-input"
         @keydown.enter.prevent="search"
-        @update:modelValue="onSearchInput"
+        @update:model-value="onSearchInput"
       />
       <IconButton
         icon="myicon myicon-match-case"
diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index 0f84aed..b973a1b 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -39,7 +39,7 @@
         <IconButton
           icon="myicon myicon-close"
           variant="secondary"
-          :icon-size="14"
+          :iconSize="14"
           @click="cancelSave"
         />
       </div>
@@ -75,7 +75,7 @@
         <IconButton
           icon="myicon myicon-close"
           variant="secondary"
-          :icon-size="14"
+          :iconSize="14"
           @click="cancelSave"
         />
       </div>
diff --git a/src/components/RunResult/Record/RowNavigator.vue b/src/components/RunResult/Record/RowNavigator.vue
index b878511..6832723 100644
--- a/src/components/RunResult/Record/RowNavigator.vue
+++ b/src/components/RunResult/Record/RowNavigator.vue
@@ -2,7 +2,7 @@
   <div class="record-navigator">
     <icon-button
       icon="myicon myicon-edge-arrow"
-      icon-color="var(--color-text-base)"
+      iconColor="var(--color-text-base)"
       :disabled="modelValue === 0"
       tooltip="First row"
       tooltipPosition="top-left"
@@ -11,7 +11,7 @@
     />
     <icon-button
       icon="myicon myicon-arrow"
-      icon-color="var(--color-text-base)"
+      iconColor="var(--color-text-base)"
       :disabled="modelValue === 0"
       tooltip="Previous row"
       tooltipPosition="top-left"
@@ -20,7 +20,7 @@
     />
     <icon-button
       icon="myicon myicon-arrow"
-      icon-color="var(--color-text-base)"
+      iconColor="var(--color-text-base)"
       :disabled="modelValue === total - 1"
       tooltip="Next row"
       tooltipPosition="top-left"
@@ -29,7 +29,7 @@
     />
     <icon-button
       icon="myicon myicon-edge-arrow"
-      icon-color="var(--color-text-base)"
+      iconColor="var(--color-text-base)"
       :disabled="modelValue === total - 1"
       tooltip="Last row"
       tooltipPosition="top-left"
diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue
index 1465ec8..f0c8b92 100644
--- a/src/components/Tabs.vue
+++ b/src/components/Tabs.vue
@@ -16,7 +16,7 @@
         <IconButton
           icon="myicon myicon-close"
           variant="secondary"
-          :icon-size="10"
+          :iconSize="10"
           class="close-icon"
           @click="beforeCloseTab(tab)"
         />
@@ -42,7 +42,7 @@
         <IconButton
           icon="myicon myicon-close"
           variant="secondary"
-          :icon-size="14"
+          :iconSize="14"
           @click="$modal.hide('close-warn')"
         />
       </div>
diff --git a/src/views/Inquiries.vue b/src/views/Inquiries.vue
index b6304d4..3b4fb72 100644
--- a/src/views/Inquiries.vue
+++ b/src/views/Inquiries.vue
@@ -163,7 +163,7 @@
         <IconButton
           icon="myicon myicon-close"
           variant="secondary"
-          :icon-size="14"
+          :iconSize="14"
           @click="$modal.hide('rename')"
         />
       </div>
@@ -188,7 +188,7 @@
         <IconButton
           icon="myicon myicon-close"
           variant="secondary"
-          :icon-size="14"
+          :iconSize="14"
           @click="$modal.hide('delete')"
         />
       </div>