Meintenable MFM Renderer Component
MFMをレンダリングするコンポーネント 各文法ごとにコンポーネント化されているのでメンテナンスしやすい気がする。
Installation
main.js (main.ts) 的なところで createApp() しているところに .use(Mfm) を足す
import { createApp } from 'vue'
import App from './App.vue'
import Mfm from "mfm-renderer"
createApp(App).use(Mfm).mount('#app')
使い方
コンポーネントの中で MfmText コンポーネントを使う
<MfmText text="Hello **mfm**" />
進み具合
構文 (Syntax)
| ファイル名 | 説明 | 進捗 |
|---|---|---|
| Blockcode.vue | 複数行のコード | スタイルがない |
| Bold.vue | 太字 | よさそう |
| EmojiCode.vue | カスタム絵文字 | よさそう |
| Inlinecode.vue | 一行のコード | スタイルがない |
| Mention.vue | メンション | よさそう |
| Search.vue | 検索 | よさそう |
| Text.vue | テキスト | よさそう |
| Center.vue | 中央寄せ | よさそう |
| Fn.vue | なんか色々 | 後述 |
| Italic.vue | 斜体 | よさそう |
| Plain.vue | よさそう | |
| Small.vue | よさそう | |
| UnicodeEmoji.vue | 暫定 | |
| Hashtag.vue | ハッシュタグ | よさそう |
| Link.vue | リンク構文 | よさそう |
| Quote.vue | 引用 | よさそう |
| Strike.vue | 打ち消し線 | よさそう |
| Url.vue | URL | よさそう |
Fn
$[nantoka text] のやつ
| コンポーネント | せつめい | 進み具合 |
|---|---|---|
| fg | 文字色 | よさそう |
| bg | 背景 | よさそう |
| blur | 文字色 | よさそう |
| font | font-family | よさそう |
| rotate | 回転 | よさそう |
| scale | 拡大 | よさそう |
| position | 位置変更 | よさそう |
| （アニメーション) | delay 以外よさそう | |
| sparkle | きらきら | 未実装 |
| unixtime | 相対時間 | 未実装 |