diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-11-16 18:22:44 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-11-16 18:22:44 +0900 |
| commit | 37e3d60ade0c742591d2a4d18a79b8de0b67a637 (patch) | |
| tree | 53a6e963518de39c29f248f689360447bc4cc277 /src/client | |
| parent | Merge branch 'develop' of https://github.com/syuilo/misskey into develop (diff) | |
| download | misskey-37e3d60ade0c742591d2a4d18a79b8de0b67a637.tar.gz misskey-37e3d60ade0c742591d2a4d18a79b8de0b67a637.tar.bz2 misskey-37e3d60ade0c742591d2a4d18a79b8de0b67a637.zip | |
[Client] Load katex async to reduce bundle size
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/app/common/views/components/formula.vue | 13 |
1 files changed, 8 insertions, 5 deletions
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> |