Change based on row selection

Author: epou

src/views/annotations/ListView.vue

@@ -5,7 +5,7 @@
       <Button class="ml-auto" label="Start annotating" icon="pi pi-arrow-right" iconPos="right"
         @click="onStartAnnotationClicked" />
     </div>
-    <DataView :value="annotationsArray" dataKey='id' :rows="numRows" :total-records="annotationsTotalCount" lazy
+    <DataView :value="annotationsArray" dataKey='id' v-model:rows="numRows" :total-records="annotationsTotalCount" lazy
       paginator :rowsPerPageOptions="[5, 10, 25, 50]" @page="onPageChange"
       paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"
       currentPageReportTemplate="({totalRecords} items)">

src/views/identification_task/ListView.vue

@@ -72,7 +72,7 @@
         <Button icon="pi pi-filter-slash" label="Clear" />
       </div>
     </Panel>
-    <DataView :value="identificationTasksArray" dataKey='observation.uuid' :rows="numRows"
+    <DataView :value="identificationTasksArray" dataKey='observation.uuid' v-model:rows="numRows"
       :total-records="identificationTasksTotalCount" :layout="layout" lazy paginator
       :rowsPerPageOptions="[5, 10, 25, 50]" @page="onPageChange"
       paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport"