mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
34 lines
714 B
Vue
34 lines
714 B
Vue
|
<script lang="ts" setup>
|
||
|
|
import { computed } from 'vue'
|
||
|
|
import marked from 'marked'
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
content: String,
|
||
|
|
})
|
||
|
|
|
||
|
|
const attr = 'rel="noreferrer noopenner" target="_blank"'
|
||
|
|
|
||
|
|
const parsed = computed(() => {
|
||
|
|
// Note this is relatively arbitrary so that this could be buggy.
|
||
|
|
return marked(props.content)
|
||
|
|
.replace(
|
||
|
|
/#([0-9]+) by/g,
|
||
|
|
`<a href="https://github.com/element-plus/element-plus/pull/$1" ${attr}>#$1</a> by`
|
||
|
|
)
|
||
|
|
.replace(
|
||
|
|
/@([A-Za-z0-9_-]+)/g,
|
||
|
|
`<a href="https://github.com/$1" ${attr}>@$1</a>`
|
||
|
|
)
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="markdown-wrapper" v-html="parsed" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.markdown-wrapper h3 {
|
||
|
|
margin-top: 1rem;
|
||
|
|
}
|
||
|
|
</style>
|