From fd8cec55ada4e22033baba329227f58e00411c37 Mon Sep 17 00:00:00 2001
From: mattwr18 <mattwr18@gmail.com>
Date: Tue, 17 Sep 2019 17:50:40 +0200
Subject: [PATCH] Fix disappearing embed on comments

- by passing the prop content to the content-viewer with the comments
content if it is less than 180 characters or if it's different from the
contentExcerpt
---
 webapp/components/Comment.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/webapp/components/Comment.vue b/webapp/components/Comment.vue
index e54919cbd..fbf8ed9d6 100644
--- a/webapp/components/Comment.vue
+++ b/webapp/components/Comment.vue
@@ -39,18 +39,27 @@
         />
       </div>
       <div v-show="!openEditCommentMenu">
-        <div v-if="isCollapsed" v-html="comment.contentExcerpt" style="padding-left: 40px;" />
+        <content-viewer
+          v-if="comment.content.length < 180"
+          :content="comment.content"
+          class="padding-left"
+        />
         <div
           v-show="comment.content !== comment.contentExcerpt && comment.content.length > 180"
           style="text-align: right;  margin-right: 20px; margin-top: -12px;"
         >
+          <content-viewer
+            v-if="isCollapsed"
+            :content="comment.contentExcerpt"
+            class="padding-left"
+          />
           <span class="show-more-or-less">
             <a v-if="isCollapsed" class="padding-left" @click="isCollapsed = !isCollapsed">
               {{ $t('comment.show.more') }}
             </a>
           </span>
         </div>
-        <content-viewer v-if="!isCollapsed" v-html="comment.content" class="padding-left" />
+        <content-viewer v-if="!isCollapsed" :content="comment.content" class="padding-left" />
         <div style="text-align: right;  margin-right: 20px; margin-top: -12px;">
           <span class="show-more-or-less">
             <a v-if="!isCollapsed" @click="isCollapsed = !isCollapsed" class="padding-left">