fix: preload shiki lang

HuolalaTech · Oct 12, 2023 · e9f85cc · e9f85cc
1 parent e809eb1
commit e9f85cc
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 9 deletions.
diff --git a/src/components/CodeBlock/index.tsx b/src/components/CodeBlock/index.tsx
@@ -8,18 +8,15 @@ import { useAsyncEffect } from 'ahooks';
 
 interface Props {
   code: string;
-  codeType?: string;
   showCopy?: boolean;
 }
 
-export const CodeBlock = ({
-  code,
-  codeType = 'language-html',
-  showCopy = true,
-}: Props) => {
+export const CodeBlock = ({ code, showCopy = true }: Props) => {
   const [codeContent, setCodeContent] = useState('');
   useAsyncEffect(async () => {
-    const highlighter = await sh.get();
+    const highlighter = await sh.get({
+      lang: 'html',
+    });
     const content = highlighter.codeToHtml(code, {
       lang: 'html',
     });

diff --git a/src/components/InjectSDK/index.tsx b/src/components/InjectSDK/index.tsx
@@ -115,7 +115,7 @@ export const InjectSDKModal = ({
                 <p className="inject-steps__title">
                   {index + 1}. {title}
                 </p>
-                <CodeBlock code={code} codeType="language-javascript" />
+                <CodeBlock code={code} />
               </div>
             );
           })}

diff --git a/src/pages/Home/components/Introduction/components/Block-2/index.tsx b/src/pages/Home/components/Introduction/components/Block-2/index.tsx
@@ -59,7 +59,7 @@ const SDKPanel = () => {
             <p className="sdk-step__title">
               {index + 1}. {title}
             </p>
-            <CodeBlock code={code} codeType="language-javascript" />
+            <CodeBlock code={code} />
           </div>
         );
       })}