fruitriin/mfm-renderer

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