chg: ページ読み込み速度の改善

ashcolor · Aug 12, 2024 · 4eb0b63 · 4eb0b63
1 parent 4a35278
commit 4eb0b63
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/components/content/ProsePre.vue b/components/content/ProsePre.vue
@@ -30,12 +30,17 @@ const props = defineProps({
 
 const isLoading = ref(true);
 const codeHtml = ref("");
-codeToHtml(props.code.replace(/\n$/, ""), {
-    lang: props.language,
-    theme: "github-dark",
-}).then((html) => {
-    codeHtml.value = html;
+
+const loadCode = async () => {
+    codeHtml.value = await codeToHtml(props.code.replace(/\n$/, ""), {
+        lang: props.language,
+        theme: "github-dark",
+    });
     isLoading.value = false;
+};
+
+onMounted(async () => {
+    await loadCode();
 });
 </script>