fix(DataTable): use correct model binding for select checkboxes

rotki · Jan 26, 2024 · a7bedae · a7bedae
1 parent 75f8ae1
commit a7bedae
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/tables/DataTable.vue b/src/components/tables/DataTable.vue
@@ -1021,10 +1021,10 @@ onMounted(() => {
                 >
                   <Checkbox
                     :data-cy="`table-toggle-check-${index}`"
-                    :value="isSelected(row[rowIdentifier])"
+                    :model-value="isSelected(row[rowIdentifier])"
                     color="primary"
                     hide-details
-                    @input="onSelect($event, row[rowIdentifier])"
+                    @update:model-value="onSelect($event, row[rowIdentifier])"
                   />
                 </td>
 

diff --git a/src/components/tables/TableHead.vue b/src/components/tables/TableHead.vue
@@ -166,11 +166,11 @@ function getSortDirection(key: TableColumn<T>['key']) {
         <Checkbox
           :disabled="disableCheckAll"
           :indeterminate="indeterminate"
-          :value="isAllSelected"
+          :model-value="isAllSelected"
           color="primary"
           data-cy="table-toggle-check-all"
           hide-details
-          @input="onToggleAll($event)"
+          @update:model-value="onToggleAll($event)"
         />
       </th>