0.0.1 • Published 5 months ago

mfm-renderer v0.0.1

Weekly downloads
-
License
-
Repository
-
Last release
5 months ago

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.vueURLよさそう

Fn

$[nantoka text] のやつ

コンポーネントせつめい進み具合
fg文字色よさそう
bg背景よさそう
blur文字色よさそう
fontfont-familyよさそう
rotate回転よさそう
scale拡大よさそう
position位置変更よさそう
(アニメーション)delay 以外よさそう
sparkleきらきら未実装
unixtime相対時間未実装
0.0.1

5 months ago

0.0.0

5 months ago