Migrate dense prop to density

Author: carlobeltrame

frontend/src/components/activity/ScheduleEntry.vue

@@ -74,7 +74,7 @@ Displays a single scheduleEntry
         <api-text-field
           path="title"
           :disabled="layoutMode"
-          dense
+          density="compact"
           autofocus
           :auto-save="false"
           @finished="editActivityTitle = false"

frontend/src/components/activity/content/layout/ContentNodeCard.vue

@@ -16,7 +16,7 @@
         @keyup.prevent
       >
         <api-text-field
-          dense
+          density="compact"
           autofocus
           :auto-save="false"
           path="instanceName"

frontend/src/components/checklist/ChecklistDetail.vue

@@ -23,8 +23,7 @@
       <api-form v-if="editChecklistName" :entity="checklist" class="mx-2 flex-grow-1">
         <api-text-field
           path="name"
-          :disabled="layoutMode"
-          dense
+          density="compact"
           autofocus
           :auto-save="false"
           @finished="editChecklistName = false"

frontend/src/components/comments/Comments.vue

@@ -15,7 +15,7 @@
           :outlined="false"
           :solo="false"
           auto-grow
-          dense
+          density="compact"
           label=""
         />
         <div class="d-flex align-center justify-space-between mt-1 gap-2">

frontend/src/components/form/api/ApiColorField.vue

@@ -12,8 +12,8 @@ Displays a field as a e-color-field + write access via API wrapper
       :disabled="disabled"
       :error-messages="wrapper.errorMessages"
       :loading="wrapper.isSaving || wrapper.isLoading ? 'secondary' : false"
-      :variant="variant"
-      :dense="dense"
+      :variant
+      :density
       @update:model-value="wrapper.on.input"
       @blur="wrapper.on.blur"
     >

frontend/src/components/form/api/ApiNumberField.vue

@@ -13,8 +13,8 @@ Displays a field as a e-number-field + write access via API wrapper
       :disabled="disabled"
       :error-messages="wrapper.errorMessages"
       :loading="wrapper.isSaving || wrapper.isLoading ? 'secondary' : false"
-      :variant="variant"
-      :dense="dense"
+      :variant
+      :density
       @update:model-value="wrapper.on.input"
       @blur="wrapper.on.blur"
     >

frontend/src/components/form/api/ApiTextarea.vue

@@ -12,8 +12,8 @@ Displays a field as a e-textarea + write access via API wrapper
       :disabled="disabled"
       :error-messages="wrapper.errorMessages"
       :loading="wrapper.isSaving || wrapper.isLoading ? 'secondary' : false"
-      :variant="variant"
-      :dense="dense"
+      :variant
+      :density
       @input="wrapper.on.input"
       @blur="wrapper.on.blur"
     >

frontend/src/components/form/base/BasePicker.vue

@@ -157,7 +157,7 @@ export default {
       this.setValue(val)
     },
     // value formatted for text field
-    localValue(val) {
+    localValue(_) {
       if (this.format !== null) {
         this.fieldValue = this.format(this.localValue)
       } else {

frontend/src/components/material/DialogMaterialItemForm.vue

@@ -17,7 +17,7 @@
     <e-select
       v-model="localMaterialItem.materialList"
       path="materialList"
-      dense
+      density="compact"
       vee-rules="required"
       :label="$t('entity.materialList.name')"
       :items="materialListArray"

frontend/src/components/material/MaterialCreateItem.vue

@@ -4,19 +4,24 @@
       <e-number-field
         ref="quantity"
         v-model="materialItem.quantity"
-        dense
+        density="compact"
         inputmode="decimal"
         path="quantity"
         vee-rules="greaterThan:0"
       />
     </td>
     <td class="pt-1">
-      <e-text-field v-model="materialItem.unit" dense maxlength="32" path="unit" />
+      <e-text-field
+        v-model="materialItem.unit"
+        density="compact"
+        maxlength="32"
+        path="unit"
+      />
     </td>
     <td class="pt-1">
       <e-text-field
         v-model="materialItem.article"
-        dense
+        density="compact"
         maxlength="64"
         path="article"
         vee-rules="required"
@@ -27,7 +32,7 @@
         v-model="materialItem.materialList"
         :items="materialListsSorted"
         :label="$t('entity.materialList.name')"
-        dense
+        density="compact"
         path="materialList"
         vee-rules="required"
       />