diff --git a/aleksis/apps/alsijil/static/js/vue/components/alsijil/LessonDocumentation.js b/aleksis/apps/alsijil/static/js/vue/components/alsijil/LessonDocumentation.js
index 13386394db6b9b0b436d1f76da87b0b5560f2fc4..21ac8b8436f5e740a7d4d17623b4a7129c6f3e38 100644
--- a/aleksis/apps/alsijil/static/js/vue/components/alsijil/LessonDocumentation.js
+++ b/aleksis/apps/alsijil/static/js/vue/components/alsijil/LessonDocumentation.js
@@ -95,9 +95,11 @@ export default {
           <v-col sm="12" md="4" lg="3">
             <personal-notes
               :groups="groups"
-              :personal-notes="personalNotes"
               :excuse-types="excuseTypes"
               :extra-marks="extraMarks"
+              
+              v-model="personalNotes"
+              @change="$emit('change-personal-notes', $event)"
             ></personal-notes>
           </v-col>
         </v-row>
diff --git a/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js b/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
index c64eb169674ea6eac5a289f66404727827dea09d..026d1e2f68cca32cc72669ad923e4952d3ef2629 100644
--- a/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
+++ b/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
@@ -1,6 +1,10 @@
 const ID_NO_PERSON = null;
 
 export default {
+    model: {
+        prop: "personalNotes",
+        event: "change",
+    },
     created() {
         this.ID_NO_PERSON = ID_NO_PERSON;
     },
@@ -19,7 +23,7 @@ export default {
                     item.extra_marks = [];
                 }
             });
-
+            this.$emit('change', this.personalNotes)
         },
         editPersonalNote(personID) {
             console.log("editing personal note of person", personID);
@@ -82,6 +86,7 @@ export default {
                     }
                 });
             }
+            this.$emit('change', this.personalNotes)
         },
         cancelDialog() {
             this.dialog = false;