[Client] Load katex async to reduce bundle size

This commit is contained in:
syuilo 2018-11-16 18:22:44 +09:00
parent 83a3426dd5
commit 37e3d60ade
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
1 changed files with 8 additions and 5 deletions

View File

@ -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>