vue3 - 使いやすいマークダウンプラグイン

vue3 では、マークダウン メッセージとデータを識別するために利用できるマークダウン プラグインが多数あります。ここでは次のものを選択します。

"marked": "^4.3.0",

マークの公式ドキュメントでは、利用方法や実現できる機能についてより詳細な説明と分析が行われており、プロジェクト内でのhttps://marked.js.org/#demo

の一般的な利用方法は以下の通りです以下に続きます:

//展示部分
<div class="content" v-html="answer"></div>

import {
    
     marked } from 'marked';
const answer= marked(api.data) //api.data是markdown格式的部分