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	相対時間	未実装