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 930f16b47..87cd4ddde 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>