Francis Dinh
c1242cfde2
Some checks failed
ci/woodpecker/push/build Pipeline was successful
ci/woodpecker/push/lint-client Pipeline was successful
ci/woodpecker/push/lint-backend Pipeline was successful
ci/woodpecker/push/test Pipeline was successful
ci/woodpecker/pr/test Pipeline failed
ci/woodpecker/pr/lint-backend Pipeline was successful
ci/woodpecker/pr/build Pipeline was successful
ci/woodpecker/pr/lint-client Pipeline failed
23 lines
481 B
Vue
23 lines
481 B
Vue
<!-- eslint-disable vue/no-v-html -->
|
|
<template>
|
|
<div v-if="block" v-html="compiledFormula"></div>
|
|
<span v-else v-html="compiledFormula"></span>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { computed } from 'vue';
|
|
import katex from 'katex';
|
|
|
|
const props = defineProps<{
|
|
formula: string;
|
|
block: boolean;
|
|
}>();
|
|
|
|
const compiledFormula = computed(() => katex.renderToString(props.formula, {
|
|
throwOnError: false,
|
|
}));
|
|
</script>
|
|
|
|
<style>
|
|
@import "katex/dist/katex.min.css";
|
|
</style>
|