Don't extend ChipSelectField in SubjectChipSelectField

aleksis/apps/cursus/frontend/components/SubjectChipSelectField.vue

 <script setup>
 import SubjectChip from "./SubjectChip.vue";
+import ChipSelectField from "aleksis.core/components/generic/forms/ChipSelectField.vue";
 </script>
 
 <template>
   <chip-select-field
     v-bind="{ ...$props, ...$attrs }"
     v-on="$listeners"
-    :background-color="value?.colourBg"
-    :color="value?.colourFg"
+    :background-color="$attrs?.value?.colourBg"
+    :color="$attrs?.value?.colourFg"
     return-object
     item-text="name"
     item-value="id"
@@ -19,12 +20,8 @@ import SubjectChip from "./SubjectChip.vue";
 </template>
 
 <script>
-import ChipSelectField from "aleksis.core/components/generic/forms/ChipSelectField.vue";
-
 export default {
   name: "SubjectChipSelectField",
-  extends: ChipSelectField,
-  components: { ChipSelectField },
 };
 </script>