Load selected chips

aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue

@@ -29,6 +29,11 @@ export default {
       required: false,
       default: "present",
     },
+    loadSelectedChip: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   computed: {
     /**
@@ -66,6 +71,13 @@ export default {
       outlined
     >
       {{ $t("kolego.absence_reason.present") }}
+      <v-avatar right v-if="loadSelectedChip && value === emptyValue">
+        <v-progress-circular
+          indeterminate
+          :size="16"
+          :width="2"
+        />
+      </v-avatar>
     </v-chip>
     <absence-reason-chip
       v-for="absenceReason in absenceReasons"
@@ -73,6 +85,7 @@ export default {
       :absence-reason="absenceReason"
       filter
       outlined
+      :loading="loadSelectedChip && absenceReason.id === value"
     />
   </v-chip-group>
   <v-skeleton-loader v-else type="chip@4" class="d-flex flex-wrap gap" />