diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml index 131ac933a1bcd7aa47fd4eafea9edbcb9564cfd8..81920768974a400e3a9690827b5ac2548b69660b 100644 --- a/locales/ja-JP.yml +++ b/locales/ja-JP.yml @@ -736,11 +736,17 @@ _mfm: bounce: "アニメーション(ãƒã‚¦ãƒ³ãƒ‰)" bounceDescription: "ã½ã‚ˆã‚“ã½ã‚ˆã‚“弾むよã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã¾ã™ã€‚" shake: "アニメーション(ã¶ã‚‹ã¶ã‚‹)" - shakeDescription: "ã¶ã‚‹ã¶ã‚‹ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã¾ã™ã€‚" + shakeDescription: "ã¶ã‚‹ã¶ã‚‹éœ‡ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã¾ã™ã€‚" twitch: "アニメーション(ブレ)" twitchDescription: "æ¿€ã—ãブレるアニメーションを与ãˆã¾ã™ã€‚" spin: "アニメーション(回転)" spinDescription: "回転ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã¾ã™ã€‚" + x2: "大ãã" + x2Description: "内容を大ãã表示ã—ã¾ã™ã€‚" + x3: "ã¨ã¦ã‚‚大ãã" + x3Description: "内容をã¨ã¦ã‚‚大ãã表示ã—ã¾ã™ã€‚" + x4: "究極ã«å¤§ãã" + x4Description: "内容を究極ã«å¤§ãã表示ã—ã¾ã™ã€‚" _reversi: reversi: "リãƒãƒ¼ã‚·" diff --git a/src/client/components/mfm.ts b/src/client/components/mfm.ts index c977c4f09586a25dce43c5cfe580b4275e294c52..f7064ee16cdc8d8254315d414b826122d009dbab 100644 --- a/src/client/components/mfm.ts +++ b/src/client/components/mfm.ts @@ -129,6 +129,22 @@ export default defineComponent({ style = `transform: ${transform};`; break; } + case 'x2': { + style = `font-size: 200%;`; + break; + } + case 'x3': { + style = `font-size: 400%;`; + break; + } + case 'x4': { + style = `font-size: 600%;`; + break; + } + case 'blur': { + // TODO + break; + } } if (style == null) { return h('span', {}, ['[', token.node.props.name, ...genEl(token.children), ']']); diff --git a/src/client/pages/mfm-cheat-sheet.vue b/src/client/pages/mfm-cheat-sheet.vue index 5bae1cb935eb69371612df7497975a064a63275f..47a191f52d76cbe1203b7a3e694e89e9988dc764 100644 --- a/src/client/pages/mfm-cheat-sheet.vue +++ b/src/client/pages/mfm-cheat-sheet.vue @@ -145,6 +145,36 @@ </div> </div> </div> + <div class="_section"> + <div class="_title">{{ $ts._mfm.x2 }}</div> + <div class="_content"> + <p>{{ $ts._mfm.x2Description }}</p> + <div class="preview _panel"> + <Mfm :text="preview_x2"/> + <MkTextarea v-model:value="preview_x2"><span>MFM</span></MkTextarea> + </div> + </div> + </div> + <div class="_section"> + <div class="_title">{{ $ts._mfm.x3 }}</div> + <div class="_content"> + <p>{{ $ts._mfm.x3Description }}</p> + <div class="preview _panel"> + <Mfm :text="preview_x3"/> + <MkTextarea v-model:value="preview_x3"><span>MFM</span></MkTextarea> + </div> + </div> + </div> + <div class="_section"> + <div class="_title">{{ $ts._mfm.x4 }}</div> + <div class="_content"> + <p>{{ $ts._mfm.x4Description }}</p> + <div class="preview _panel"> + <Mfm :text="preview_x4"/> + <MkTextarea v-model:value="preview_x4"><span>MFM</span></MkTextarea> + </div> + </div> + </div> <div class="_section"> <div class="_title">{{ $ts._mfm.jelly }}</div> <div class="_content"> @@ -255,6 +285,9 @@ export default defineComponent({ preview_twitch: `[twitch ðŸ®]`, preview_spin: `[spin ðŸ®] [spin.left ðŸ®] [spin.alternate ðŸ®]\n[spin.x ðŸ®] [spin.x,left ðŸ®] [spin.x,alternate ðŸ®]\n[spin.y ðŸ®] [spin.y,left ðŸ®] [spin.y,alternate ðŸ®]`, preview_flip: `[flip ${this.$ts._mfm.dummy}]\n[flip.v ${this.$ts._mfm.dummy}]\n[flip.h,v ${this.$ts._mfm.dummy}]`, + preview_x2: `[x2 ðŸ®]`, + preview_x3: `[x3 ðŸ®]`, + preview_x4: `[x4 ðŸ®]`, } }, });