prop type annotations and editable option of annotated-submission

frontend/src/components/student/SubmissionDetail.vue

 <template>
   <v-layout>
 
-    <annotated-submission class="ma-3"></annotated-submission>
+    <annotated-submission class="ma-3" :editable="false"></annotated-submission>
   </v-layout>
 </template>
 

frontend/src/components/student/SubmissionList.vue

@@ -48,7 +48,12 @@
         ]
       }
     },
-    props: ['submissions'],
+    props: {
+      submissions: {
+        type: Array,
+        required: true
+      }
+    },
     computed: {
       sumScore () {
         console.log(this.submissions)

frontend/src/components/submission_notes/AnnotatedSubmission.vue

@@ -14,7 +14,7 @@
           @click="toggleEditorOnLine(index)">{{ feedback[index] }}
         </feedback-comment>
         <comment-form
-          v-if="showEditorOnLine[index]"
+          v-if="showEditorOnLine[index] && editable"
           @collapseFeedbackForm="showEditorOnLine[index] = false"
           :feedback="feedback[index]"
           :index="index">
@@ -35,6 +35,12 @@
       FeedbackComment,
       CommentForm},
     name: 'annotated-submission',
+    props: {
+      editable: {
+        type: Boolean,
+        default: false
+      }
+    },
     beforeCreate () {
       this.$store.dispatch('getFeedback', 0)
       this.$store.dispatch('getSubmission', 0)

frontend/src/components/submission_notes/FeedbackForm.vue

@@ -21,7 +21,10 @@
 <script>
   export default {
     name: 'comment-form',
-    props: ['feedback', 'index'],
+    props: {
+      feedback: String,
+      index: Number
+    },
     data () {
       return {
         current_feedback: this.feedback