From 664cefabe1afaaed119923b983952daff713e9a2 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 15 Jun 2023 17:36:37 +0100
Subject: [PATCH] fix: try to fix page components dynamic importing

---
 src/markdown/index.ts | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/markdown/index.ts b/src/markdown/index.ts
index 5b0d631e..83fd517b 100644
--- a/src/markdown/index.ts
+++ b/src/markdown/index.ts
@@ -50,17 +50,6 @@ import { remarkPangu } from "./remark-pangu"
 import { remarkYoutube } from "./remark-youtube"
 import sanitizeScheme from "./sanitize-schema"
 
-const Style = dynamic(() => import("~/components/common/Style"))
-const Mention = dynamic(() => import("~/components/ui/Mention"))
-const Mermaid = dynamic(() => import("~/components/ui/Mermaid"))
-const Tweet = dynamic(() => import("~/components/ui/Tweet"))
-const GithubRepo = dynamic(() => import("~/components/ui/GithubRepo"))
-const APlayer = dynamic(() => import("~/components/ui/APlayer"))
-
-const DPlayer = dynamic(() => import("~/components/ui/DPlayer"), {
-  ssr: false,
-})
-
 export type MarkdownEnv = {
   excerpt: string
   frontMatter: Record<string, any>
@@ -224,6 +213,17 @@ export const renderPageContent = (
       .use(rehypeKatex)
 
     if (!html) {
+      const Style = dynamic(() => import("~/components/common/Style"))
+      const Mention = dynamic(() => import("~/components/ui/Mention"))
+      const Mermaid = dynamic(() => import("~/components/ui/Mermaid"))
+      const Tweet = dynamic(() => import("~/components/ui/Tweet"))
+      const GithubRepo = dynamic(() => import("~/components/ui/GithubRepo"))
+      const APlayer = dynamic(() => import("~/components/ui/APlayer"))
+
+      const DPlayer = dynamic(() => import("~/components/ui/DPlayer"), {
+        ssr: false,
+      })
+
       pipeline.use(rehypeReact, {
         createElement: createElement,
         components: {