From 034a45e22e36630a01fcf9db07fb788e3d7aa7d0 Mon Sep 17 00:00:00 2001
From: kozakura913 <98575220+kozakura913@users.noreply.github.com>
Date: Mon, 23 Dec 2024 17:16:31 +0900
Subject: [PATCH] =?UTF-8?q?MFM=E3=83=81=E3=83=BC=E3=83=88=E3=82=B7?=
 =?UTF-8?q?=E3=83=BC=E3=83=88=E3=81=8C=E8=A1=A8=E7=A4=BA=E3=81=A7=E3=81=8D?=
 =?UTF-8?q?=E3=81=AA=E3=81=84=E4=B8=8D=E5=85=B7=E5=90=88=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3=20(#592)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG_YOJO.md                             |  1 +
 .../frontend/src/pages/mfc-cheat-sheet.vue    | 78 +++++++++----------
 2 files changed, 40 insertions(+), 39 deletions(-)

diff --git a/CHANGELOG_YOJO.md b/CHANGELOG_YOJO.md
index cc47dc04b9..53597eef90 100644
--- a/CHANGELOG_YOJO.md
+++ b/CHANGELOG_YOJO.md
@@ -10,6 +10,7 @@ xxxx-xx-xx
 
 ### Client
 - Fix: ノート詳細画面でリアクション出来ない [#584](https://github.com/yojo-art/cherrypick/pull/584)
+- Fix: MFMチートシートが表示できない不具合を修正 [#592](https://github.com/yojo-art/cherrypick/pull/592)
 
 ### Server
 -
diff --git a/packages/frontend/src/pages/mfc-cheat-sheet.vue b/packages/frontend/src/pages/mfc-cheat-sheet.vue
index 23bf1face2..f9edc90619 100644
--- a/packages/frontend/src/pages/mfc-cheat-sheet.vue
+++ b/packages/frontend/src/pages/mfc-cheat-sheet.vue
@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.mentionDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_mention"/>
-						<MkTextarea v-model="preview_mention" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_mention" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -25,7 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.hashtagDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_hashtag"/>
-						<MkTextarea v-model="preview_hashtag" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_hashtag" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -35,7 +35,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.urlDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_url"/>
-						<MkTextarea v-model="preview_url" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_url" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.linkDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_link"/>
-						<MkTextarea v-model="preview_link" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_link" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -55,7 +55,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.emojiDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_emoji"/>
-						<MkTextarea v-model="preview_emoji" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_emoji" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -65,7 +65,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.boldDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_bold"/>
-						<MkTextarea v-model="preview_bold" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_bold" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -75,7 +75,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.smallDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_small"/>
-						<MkTextarea v-model="preview_small" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_small" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -85,7 +85,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.quoteDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_quote"/>
-						<MkTextarea v-model="preview_quote" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_quote" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -95,7 +95,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.centerDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_center"/>
-						<MkTextarea v-model="preview_center" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_center" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -105,7 +105,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.inlineCodeDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_inlineCode"/>
-						<MkTextarea v-model="preview_inlineCode" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_inlineCode" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -115,7 +115,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.blockCodeDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_blockCode"/>
-						<MkTextarea v-model="preview_blockCode" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_blockCode" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -125,7 +125,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.inlineMathDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_inlineMath"/>
-						<MkTextarea v-model="preview_inlineMath" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_inlineMath" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -135,7 +135,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.blockMathDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_blockMath"/>
-						<MkTextarea v-model="preview_blockMath" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_blockMath" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -145,7 +145,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.searchDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_search"/>
-						<MkTextarea v-model="preview_search" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_search" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -155,7 +155,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.flipDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_flip"/>
-						<MkTextarea v-model="preview_flip" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_flip" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -165,7 +165,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.fontDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_font"/>
-						<MkTextarea v-model="preview_font" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_font" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -175,7 +175,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.x2Description }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_x2"/>
-						<MkTextarea v-model="preview_x2" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_x2" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -185,7 +185,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.x3Description }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_x3"/>
-						<MkTextarea v-model="preview_x3" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_x3" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -195,7 +195,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.x4Description }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_x4"/>
-						<MkTextarea v-model="preview_x4" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_x4" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -205,7 +205,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.blurDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_blur"/>
-						<MkTextarea v-model="preview_blur" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_blur" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -215,7 +215,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.jellyDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_jelly"/>
-						<MkTextarea v-model="preview_jelly" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_jelly" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -225,7 +225,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.tadaDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_tada"/>
-						<MkTextarea v-model="preview_tada" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_tada" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -235,7 +235,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.jumpDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_jump"/>
-						<MkTextarea v-model="preview_jump" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_jump" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -245,7 +245,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.bounceDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_bounce"/>
-						<MkTextarea v-model="preview_bounce" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_bounce" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -255,7 +255,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.spinDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_spin"/>
-						<MkTextarea v-model="preview_spin" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_spin" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -265,7 +265,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.shakeDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_shake"/>
-						<MkTextarea v-model="preview_shake" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_shake" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -275,7 +275,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.twitchDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_twitch"/>
-						<MkTextarea v-model="preview_twitch" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_twitch" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -285,7 +285,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.rainbowDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_rainbow"/>
-						<MkTextarea v-model="preview_rainbow" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_rainbow" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -295,7 +295,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.sparkleDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_sparkle"/>
-						<MkTextarea v-model="preview_sparkle" :class="$style.text"><span>MFC {{ i18n.ts.sample }}</span></MkTextarea>
+						<MkTextarea v-model="preview_sparkle" :class="$style.text"><span>MFM {{ i18n.ts.sample }}</span></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -305,7 +305,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.fadeDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_fade"/>
-						<MkTextarea v-model="preview_fade" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_fade" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -315,7 +315,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.rotateDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_rotate"/>
-						<MkTextarea v-model="preview_rotate" :class="$style.text"><span>MFC {{ i18n.ts.sample }}</span></MkTextarea>
+						<MkTextarea v-model="preview_rotate" :class="$style.text"><span>MFM {{ i18n.ts.sample }}</span></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -325,7 +325,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.positionDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_position"/>
-						<MkTextarea v-model="preview_position" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_position" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -335,7 +335,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.scaleDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_scale"/>
-						<MkTextarea v-model="preview_scale" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_scale" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -345,7 +345,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.fgDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_fg"/>
-						<MkTextarea v-model="preview_fg" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_fg" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -355,7 +355,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.bgDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_bg"/>
-						<MkTextarea v-model="preview_bg" :class="$style.text"><template #label>MFC {{ i18n.ts.sample }}</template></MkTextarea>
+						<MkTextarea v-model="preview_bg" :class="$style.text"><template #label>MFM {{ i18n.ts.sample }}</template></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -365,7 +365,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.plainDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_plain"/>
-						<MkTextarea v-model="preview_plain" :class="$style.text"><span>MFC {{ i18n.ts.sample }}</span></MkTextarea>
+						<MkTextarea v-model="preview_plain" :class="$style.text"><span>MFM {{ i18n.ts.sample }}</span></MkTextarea>
 					</div>
 				</div>
 			</div>
@@ -375,15 +375,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<p>{{ i18n.ts._mfc.rubyDescription }}</p>
 					<div :class="$style.preview">
 						<Mfm :text="preview_ruby"/>
-						<MkTextarea v-model="preview_ruby" :class="$style.text"><span>MFC {{ i18n.ts.sample }}</span></MkTextarea>
+						<MkTextarea v-model="preview_ruby" :class="$style.text"><span>MFM {{ i18n.ts.sample }}</span></MkTextarea>
 					</div>
 				</div>
 			</div>
 		</div>
 		<div :class="$style.section">
-			<div :class="$style.title">{{ i18n.ts._mfm.border }}</div>
+			<div :class="$style.title">{{ i18n.ts._mfc.border }}</div>
 			<div :class="$style.content">
-				<p>{{ i18n.ts._mfm.borderDescription }}</p>
+				<p>{{ i18n.ts._mfc.borderDescription }}</p>
 				<div :class="$style.preview">
 					<Mfm :text="preview_border"/>
 					<MkTextarea v-model="preview_border" :class="$style.text"><span>MFM {{ i18n.ts.sample }}</span></MkTextarea>