Create generic chip for AbsenceReasons

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

+<script>
+export default {
+  name: "AbsenceReasonChip",
+  props: {
+    absenceReason: {
+      type: Object,
+      required: true,
+    },
+    short: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
+  extends: "v-chip",
+  computed: {
+    text() {
+      return this.short
+        ? this.absenceReason.shortName
+        : this.absenceReason.name;
+    },
+  },
+};
+</script>
+
+<template>
+  <v-chip :color="absenceReason.colour">
+    <v-avatar left v-if="absenceReason.default">
+      <v-tooltip bottom>
+        <template v-slot:activator="{ on, attrs }">
+          <v-icon v-bind="attrs" v-on="on" small> mdi-flare </v-icon>
+        </template>
+        <span>{{ $t("kolego.absence_reason.default") }}</span>
+      </v-tooltip>
+    </v-avatar>
+    {{ text }}
+  </v-chip>
+</template>