Add display of note tags in Letter component

src/components/Letter.vue

@@ -44,7 +44,10 @@
             <li v-for="(value, key) in letter.text.body.l" :class="value._attributes.no" v-if="hasText(formatText(value._text))">
               {{value._attributes.no }}: {{ formatText(value._text) }}
               <div class="teal--text" v-if="value.note && showComments">
-                <span v-for="elem in value.note"> {{elem._attributes.text}} </span>
+                <div v-for="note in value.note">
+                  <span v-if="note._attributes">{{note._text}}:  {{note._attributes.text}}</span>
+                  <span v-else>{{note.text}}</span>
+                </div>
               </div>
             </li>
           </ul>
@@ -135,6 +138,8 @@ export default {
 
       // Do this last for progress bar
       this.letter = data.body.TEI
+
+      console.log(data.body.TEI.text.body.l[0].note)
     })
   }
 }