CrystalMath/ui
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix katex rendering

Browse Source
This commit is contained in:
Garrett Mills
2022-04-09 12:00:45 -05:00
parent cb8f828481
commit 97d5ff6ea2
4 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Katex.vue
View File

@@ -1,5 +1,4 @@
<script setup lang="ts">
import {HTMLString} from '../types'
import {computed} from 'vue'
import {MathStatement} from '../support/parse'
@@ -8,8 +7,10 @@ const props = defineProps<{
size?: 'big' | 'small',
}>()
let displayHtml: HTMLString = props.statement.toHTMLString()
computed(() => displayHtml = props.statement.toHTMLString())
const getRenderedHTML = () => props.statement.toHTMLString()
const renderedHtml = getRenderedHTML()
computed(getRenderedHTML)
</script>
<style>
@@ -23,7 +24,7 @@ computed(() => displayHtml = props.statement.toHTMLString())
</style>
<template>
<div class="big" v-if="props?.size === 'big'" v-html="displayHtml"></div>
<div class="small" v-else-if="props?.size === 'small'" v-html="displayHtml"></div>
<div v-else v-html="displayHtml"></div>
<div ref="container" class="big" v-if="props?.size === 'big'" v-html="renderedHtml"></div>
<div ref="container" class="small" v-else-if="props?.size === 'small'" v-html="renderedHtml"></div>
<div ref="container" v-else v-html="renderedHtml"></div>
</template>