Resolve "Add teacher select field"

Closes #19 (closed)

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

@@ -18,18 +18,20 @@ import SubjectChip from "./SubjectChip.vue";
       </v-list-item-action>
       <v-list-item-content>
         <v-list-item-title>{{ data.item.fullName }}</v-list-item-title>
-        <v-list-item-subtitle v-if="data.item.shortName">{{
-          data.item.shortName
-        }}
+        <v-list-item-subtitle v-if="data.item.shortName"
+          >{{ data.item.shortName }}
         </v-list-item-subtitle>
-        <v-list-item-subtitle v-if="showSubjects && data.item.subjectsAsTeacher.length">
+        <v-list-item-subtitle
+          v-if="showSubjects && data.item.subjectsAsTeacher.length"
+        >
           <subject-chip
-          v-for="subject in data.item.subjectsAsTeacher"
-          :subject="subject"
-          :prepend-icon="subject.id === prioritySubject.id ? '$success' : ''"
-          :short-name="true"
-          x-small
-          class="mr-1"
+            v-for="subject in data.item.subjectsAsTeacher"
+            :key="subject.id"
+            :subject="subject"
+            :prepend-icon="subject.id === prioritySubject.id ? '$success' : ''"
+            :short-name="true"
+            x-small
+            class="mr-1"
           />
         </v-list-item-subtitle>
       </v-list-item-content>
@@ -72,7 +74,9 @@ export default {
         let nonMatching = [];
 
         this.persons.forEach((p) => {
-          if (p.subjectsAsTeacher.some((s) => s.id === this.prioritySubject.id)) {
+          if (
+            p.subjectsAsTeacher.some((s) => s.id === this.prioritySubject.id)
+          ) {
             matching.push(p);
           } else {
             nonMatching.push(p);