yume/yumechi-no-kuni
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[Client] Load katex async to reduce bundle size

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/client/app/common/views/components/formula.vue
View file

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