Use the MarkdownContent component to render markdown fields

The Story description and Comment content fields are actually markdown.
This commit switches to using the new MarkdownContent component to
render them, rather than just directly interpolating them.

src/components/EventComment.vue

@@ -5,17 +5,19 @@
       commented on {{ createdDate.toDateString() }}
       at {{ createdDate.toLocaleTimeString() }}
     </p>
-    <div class="event-body">
-      {{ event.comment.content }}
-    </div>
+    <MarkdownContent class-name="event-body" :content="event.comment.content" />
   </div>
 </template>
 
 <script>
+import MarkdownContent from '@/components/MarkdownContent.vue'
 import axios from 'axios'
 
 export default {
   name: 'EventComment',
+  components: {
+    MarkdownContent
+  },
   data () {
     return {
       author: {}

src/views/StoryDetail.vue

@@ -13,9 +13,7 @@
         </p>
       </div>
     </div>
-    <div class="description">
-      {{ story.description }}
-    </div>
+    <MarkdownContent class-name="description" :content="story.description" />
     <div class="cards">
       <div class="card column-lg">
         <h2>Tasks</h2>
@@ -49,6 +47,7 @@
 </template>
 
 <script>
+import MarkdownContent from '@/components/MarkdownContent.vue'
 import TaskListEntry from '@/components/TaskListEntry.vue'
 import TimelineEvent from '@/components/TimelineEvent.vue'
 import axios from 'axios'
@@ -56,6 +55,7 @@ import axios from 'axios'
 export default {
   name: 'StoryDetailView',
   components: {
+    MarkdownContent,
     TaskListEntry,
     TimelineEvent
   },