Correctly declare counterchip

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

@@ -3,7 +3,7 @@ import CounterChip from "aleksis.core/components/generic/chips/CounterChip.vue";
 
 export default {
   name: "AbsenceReasonChip",
-  components: [CounterChip],
+  components: { CounterChip },
   props: {
     absenceReason: {
       type: Object,
@@ -20,7 +20,7 @@ export default {
       default: false,
     },
   },
-  extends: "CounterChip",
+  extends: CounterChip,
   computed: {
     text() {
       return this.short
@@ -35,6 +35,7 @@ export default {
   <counter-chip
     :color="absenceReason.colour"
     :value="absenceReason.id"
+    outlined
     v-bind="$attrs"
     v-on="$listeners"
   >