feat(post): render post with new lines

lemredd · Nov 14, 2022 · 6fc668c · 6fc668c
1 parent 36418dc
commit 6fc668c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/post/multiviewer/viewer.vue b/components/post/multiviewer/viewer.vue
@@ -76,8 +76,7 @@
 					@restore-post="confirmRestore"/>
 			</div>
 		</header>
-		<p class="post-content">
-			{{ post.content }}
+		<p v-html="formattedContent" class="post-content">
 		</p>
 		<div v-if="hasExistingAttachments">
 			<div
@@ -212,6 +211,7 @@ interface CustomEvents {
 const emit = defineEmits<CustomEvents>()
 
 const post = ref<DeserializedPostResource<"poster"|"posterRole"|"department">>(props.modelValue)
+const formattedContent = computed<string>(() => post.value.content.replace(/\r?\n/gu, "<br>"))
 
 const hasExistingAttachments = computed<boolean>(() => {
 	const hasAttachments = !isUndefined(props.modelValue.postAttachments)