From 37e3d60ade0c742591d2a4d18a79b8de0b67a637 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 16 Nov 2018 18:22:44 +0900
Subject: [PATCH] [Client] Load katex async to reduce bundle size
---
src/client/app/common/views/components/formula.vue | 13 ++++++++-----
1 file 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>