mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-02 01:20:36 +01:00
[Client] Load katex async to reduce bundle size
This commit is contained in:
parent
83a3426dd5
commit
37e3d60ade
1 changed files with 8 additions and 5 deletions
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue