cosmos-explorer/src/components/dynamic/TextElement.vue
2023-05-06 22:56:04 +08:00

25 lines
505 B
Vue

<script lang="ts" setup>
import { useFormatter } from '@/stores';
import MdEditor from 'md-editor-v3';
const props = defineProps(['value']);
const format = useFormatter();
function isMD() {
if (
props.value &&
(props.value.indexOf('\n') > -1 || props.value.indexOf('\\n') > -1)
) {
return true;
}
return false;
}
</script>
<template>
<MdEditor
v-if="isMD()"
:model-value="format.multiLine(value)"
previewOnly
></MdEditor>
<span v-else>{{ value }}</span>
</template>