feat(client): keep line breaks of translated text to improve readability

CHANGELOG.md

@@ -12,6 +12,7 @@
 ### Improvements
 - クライアント: 返信先やRenoteに対しても自動折りたたみされるように
 - クライアント: 長いスレッドの表示を改善
+- クライアント: 翻訳にもMFMを適用し、元の文章の改行などを保持するように
 - クライアント: アカウント削除に確認ダイアログを出すように
 
 ### Bugfixes

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>

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>