You've already forked AstralRinth
forked from didirus/AstralRinth
43 lines
615 B
Vue
43 lines
615 B
Vue
<template>
|
|
<Card>
|
|
<div class="markdown-body" v-html="renderHighlightedString(project?.body ?? '')" />
|
|
</Card>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { renderHighlightedString } from '@modrinth/utils'
|
|
import { Card } from '@modrinth/ui'
|
|
|
|
defineProps({
|
|
project: {
|
|
type: Object,
|
|
default: () => {},
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Description',
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.markdown-body {
|
|
:deep(table) {
|
|
width: auto;
|
|
}
|
|
|
|
:deep(hr),
|
|
:deep(h1),
|
|
:deep(h2) {
|
|
max-width: max(60rem, 90%);
|
|
}
|
|
|
|
:deep(ul),
|
|
:deep(ol) {
|
|
margin-left: 2rem;
|
|
}
|
|
}
|
|
</style>
|