diff --git a/src/client/app/common/views/components/formula.vue b/src/client/app/common/views/components/formula.vue index 930f16b471..87cd4ddded 100644 --- a/src/client/app/common/views/components/formula.vue +++ b/src/client/app/common/views/components/formula.vue @@ -4,7 +4,6 @@ <script lang="ts"> import Vue from 'vue'; -import * as katex from 'katex'; export default Vue.extend({ props: { @@ -13,10 +12,14 @@ export default Vue.extend({ required: true } }, - computed: { - compiledFormula(): any { - return katex.renderToString(this.formula); - } + data() { + return { + compiledFormula: null + }; + }, + async created() { + const katex = await import('katex').then(m => m.default); + this.compiledFormula = katex.renderToString(this.formula); } }); </script>