Skip to content

fruitriin/mfm-renderer

Repository files navigation

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

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published