show markdown developed by vue3.0
yarn add markdown-vue-next
or
npm install markdown-vue-next
<template>
<div>
<textarea v-model="content"></textarea>
<vue-md :source="content"></vue-md>
</div>
</template>
<script>
import VueMd from "markdown-vue-next";
export default {
components:{
VueMd
},
data(){
return{
content:
`\`\`\`mermaid
graph LR
A[Square Rect] -- Link text --> B((Circle))
A --> C(Round Rect)
B --> D{Rhombus}
C --> D
\`\`\`
`
}
}
};
</script>
<style scoped>
</style>
Props | Description | Type | Default |
---|---|---|---|
source | content of md | string | "" |