From cb4d65b5c9e13596a3c3324008071be6770d4954 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 19 Nov 2021 19:03:25 +0900
Subject: [PATCH] feat(client): keep line breaks of translated text to improve
 readability

---
 CHANGELOG.md                                     | 1 +
 packages/client/src/components/note-detailed.vue | 4 ++--
 packages/client/src/components/note.vue          | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fe6206c72..28eaac238 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@
 ### Improvements
 - クライアント: 返信先やRenoteに対しても自動折りたたみされるように
 - クライアント: 長いスレッドの表示を改善
+- クライアント: 翻訳にもMFMを適用し、元の文章の改行などを保持するように
 - クライアント: アカウント削除に確認ダイアログを出すように
 
 ### Bugfixes
diff --git a/packages/client/src/components/note-detailed.vue b/packages/client/src/components/note-detailed.vue
index 55e0fb861..fd4883e66 100644
--- a/packages/client/src/components/note-detailed.vue
+++ b/packages/client/src/components/note-detailed.vue
@@ -70,8 +70,8 @@
 						<div class="translation" v-if="translating || translation">
 							<MkLoading v-if="translating" mini/>
 							<div class="translated" v-else>
-								<b>{{ $t('translatedFrom', { x: translation.sourceLang }) }}:</b>
-								{{ translation.text }}
+								<b>{{ $t('translatedFrom', { x: translation.sourceLang }) }}: </b>
+								<Mfm :text="translation.text" :author="appearNote.user" :i="$i" :custom-emojis="appearNote.emojis"/>
 							</div>
 						</div>
 					</div>
diff --git a/packages/client/src/components/note.vue b/packages/client/src/components/note.vue
index a948ca2e4..08654b17c 100644
--- a/packages/client/src/components/note.vue
+++ b/packages/client/src/components/note.vue
@@ -54,8 +54,8 @@
 						<div class="translation" v-if="translating || translation">
 							<MkLoading v-if="translating" mini/>
 							<div class="translated" v-else>
-								<b>{{ $t('translatedFrom', { x: translation.sourceLang }) }}:</b>
-								{{ translation.text }}
+								<b>{{ $t('translatedFrom', { x: translation.sourceLang }) }}: </b>
+								<Mfm :text="translation.text" :author="appearNote.user" :i="$i" :custom-emojis="appearNote.emojis"/>
 							</div>
 						</div>
 					</div>