mirror of
https://iceshrimp.dev/limepotato/jormungandr-bite.git
synced 2024-11-14 22:17:30 -07:00
[Client] Load katex async to reduce bundle size
This commit is contained in:
parent
bbe838a85c
commit
6c398ba877
1 changed files with 8 additions and 5 deletions
|
@ -4,7 +4,6 @@
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import Vue from 'vue';
|
import Vue from 'vue';
|
||||||
import * as katex from 'katex';
|
|
||||||
|
|
||||||
export default Vue.extend({
|
export default Vue.extend({
|
||||||
props: {
|
props: {
|
||||||
|
@ -13,10 +12,14 @@ export default Vue.extend({
|
||||||
required: true
|
required: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
data() {
|
||||||
compiledFormula(): any {
|
return {
|
||||||
return katex.renderToString(this.formula);
|
compiledFormula: null
|
||||||
}
|
};
|
||||||
|
},
|
||||||
|
async created() {
|
||||||
|
const katex = await import('katex').then(m => m.default);
|
||||||
|
this.compiledFormula = katex.renderToString(this.formula);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue