diff --git a/src/markdown/index.ts b/src/markdown/index.ts
index db9b749a..5788c7bc 100644
--- a/src/markdown/index.ts
+++ b/src/markdown/index.ts
@@ -29,6 +29,8 @@ import remarkParse from "remark-parse"
 import remarkRehype from "remark-rehype"
 import { unified } from "unified"
 
+import AdvancedImage from "~/components/ui/AdvancedImage"
+
 import { transformers } from "./embed-transformers"
 import { rehypeAudio } from "./rehype-audio"
 import {
@@ -48,7 +50,6 @@ import { remarkPangu } from "./remark-pangu"
 import { remarkYoutube } from "./remark-youtube"
 import sanitizeScheme from "./sanitize-schema"
 
-const AdvancedImage = dynamic(() => import("~/components/ui/AdvancedImage"))
 const Style = dynamic(() => import("~/components/common/Style"))
 const Mention = dynamic(() => import("~/components/ui/Mention"))
 const Mermaid = dynamic(() => import("~/components/ui/Mermaid"))