Skip to content

Commit

Permalink
MFMチートシートが表示できない不具合を修正 (#592)
Browse files Browse the repository at this point in the history
  • Loading branch information
@kozakura913
kozakura913 authored Dec 23, 2024
1 parent af6ad49 commit 034a45e
Show file tree
Hide file tree
Showing 2 changed files with 40 additions and 39 deletions.
1 change: 1 addition & 0 deletions CHANGELOG_YOJO.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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
-
Expand Down
78 changes: 39 additions & 39 deletions packages/frontend/src/pages/mfc-cheat-sheet.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand Down

0 comments on commit 034a45e

Please sign in to comment.