Minor: format code

assets/vue/views/message/List.vue

@@ -105,22 +105,22 @@
       <DataTable
         v-model:filters="filters"
         v-model:selection="selectedItems"
-        :globalFilterFields="['title', 'sendDate']"
+        :global-filter-fields="['title', 'sendDate']"
         :lazy="true"
         :loading="isLoading"
         :paginator="true"
         :rows="10"
-        :rowsPerPageOptions="[5, 10, 20, 50]"
+        :rows-per-page-options="[5, 10, 20, 50]"
         :totalRecords="totalItems"
         :value="items"
         class="p-datatable-sm"
-        currentPageReportTemplate="Showing {first} to {last} of {totalRecords}"
+        current-page-report-template="Showing {first} to {last} of {totalRecords}"
         dataKey="id"
-        filterDisplay="menu"
+        filter-display="menu"
-        paginatorTemplate="CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"
+        paginator-template="CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"
-        responsiveLayout="scroll"
+        responsive-layout="scroll"
         sortBy="sendDate"
-        sortOrder="asc"
+        sort-order="asc"
         @page="onPage($event)"
         @sort="sortingChanged($event)">
 
@@ -205,8 +205,13 @@
 
   <!--  Dialogs-->
 
-  <Dialog v-model:visible="itemDialog" :header="$t('New folder')" :modal="true" :style="{width: '450px'}"
+  <Dialog
-          class="p-fluid">
+    v-model:visible="itemDialog"
+    :header="$t('New folder')"
+    :modal="true"
+    :style="{width: '450px'}"
+    class="p-fluid"
+  >
     <div class="p-field">
       <label for="name">{{ $t('Name') }}</label>
       <InputText
@@ -217,23 +222,53 @@
         autofocus
         required="true"
       />
-      <small v-if="submitted && !item.title" class="p-error">$t('Title is required')</small>
+      <small
+        v-if="submitted && !item.title"
+        class="p-error"
+      >
+        $t('Title is required')
+      </small>
     </div>
 
     <template #footer>
-      <Button class="p-button-text" icon="pi pi-times" label="Cancel" @click="hideDialog"/>
+      <Button
-      <Button class="p-button-text" icon="pi pi-check" label="Save" @click="saveItem"/>
+        class="p-button-text"
+        icon="pi pi-times"
+        label="Cancel"
+        @click="hideDialog"
+      />
+      <Button
+        class="p-button-text"
+        icon="pi pi-check"
+        label="Save"
+        @click="saveItem"
+      />
     </template>
   </Dialog>
 
-  <Dialog v-model:visible="deleteItemDialog" :modal="true" :style="{width: '450px'}" header="Confirm">
+  <Dialog
+    v-model:visible="deleteItemDialog"
+    :modal="true"
+    :style="{width: '450px'}"
+    header="Confirm"
+  >
     <div class="confirmation-content">
       <i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" />
       <span v-if="item">Are you sure you want to delete <b>{{ item.title }}</b>?</span>
     </div>
     <template #footer>
-      <Button class="p-button-text" icon="pi pi-times" label="No" @click="deleteItemDialog = false"/>
+      <Button
-      <Button class="p-button-text" icon="pi pi-check" label="Yes" @click="deleteItemButton(item)"/>
+        class="p-button-text"
+        icon="pi pi-times"
+        label="No"
+        @click="deleteItemDialog = false"
+      />
+      <Button
+        class="p-button-text"
+        icon="pi pi-check"
+        label="Yes"
+        @click="deleteItemButton(item)"
+      />
     </template>
   </Dialog>
 
@@ -243,8 +278,18 @@
       <span v-if="item">Are you sure you want to delete the selected items?</span>
     </div>
     <template #footer>
-      <Button class="p-button-text" icon="pi pi-times" label="No" @click="deleteMultipleDialog = false"/>
+      <Button
-      <Button class="p-button-text" icon="pi pi-check" label="Yes" @click="deleteMultipleItems"/>
+        class="p-button-text"
+        icon="pi pi-times"
+        label="No"
+        @click="deleteMultipleDialog = false"
+      />
+      <Button
+        class="p-button-text"
+        icon="pi pi-check"
+        label="Yes"
+        @click="deleteMultipleItems"
+      />
     </template>
   </Dialog>
 </template>