feat: optimize

Signed-off-by: Innei <[email protected]>

src/components/common/CodeBlock.tsx

@@ -12,3 +12,5 @@ export const CodeBlock = (props: {
     return <HighLighter {...props} />
   }
 }
+
+export default CodeBlock

src/components/ui/markdown/Markdown.tsx

@@ -2,6 +2,7 @@
 import React, { Fragment, memo, useMemo, useRef } from 'react'
 import { clsx } from 'clsx'
 import { compiler, sanitizeUrl } from 'markdown-to-jsx'
+import dynamic from 'next/dynamic'
 import type { MarkdownToJSX } from 'markdown-to-jsx'
 import type { FC, PropsWithChildren } from 'react'
 
@@ -24,7 +25,8 @@ import { MParagraph, MTableBody, MTableHead, MTableRow } from './renderers'
 import { MDetails } from './renderers/collapse'
 import { MFootNote } from './renderers/footnotes'
 import { MLink } from './renderers/link'
-import { CodeBlock } from '~/components/common/CodeBlock'
+
+const CodeBlock = dynamic(() => import('~/components/common/CodeBlock'))
 
 export interface MdProps {
   value?: string

src/components/ui/markdown/renderers/LinkRenderer.tsx

@@ -1,9 +1,10 @@
 import React, { useMemo } from 'react'
+import dynamic from 'next/dynamic'
 
 import { LinkCard } from '../../link-card'
 import { MLink } from './link'
-import { Tweet } from './paragraph'
 
+const Tweet = dynamic(() => import('~/components/common/Tweet'))
 export const LinkRenderer = ({ href }: { href: string }) => {
   const url = useMemo(() => {
     try {

src/components/ui/markdown/renderers/paragraph.tsx

@@ -1,11 +1,9 @@
 import React from 'react'
 import clsx from 'clsx'
-import dynamic from 'next/dynamic'
 import type { DetailedHTMLProps, FC, HTMLAttributes } from 'react'
 
 import { LinkRenderer } from './LinkRenderer'
 
-export const Tweet = dynamic(() => import('~/components/common/Tweet'))
 export const MParagraph: FC<
   DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>
 > = (props) => {