refactor: fix async workaround

Author: PatrickJS

apps/website/src/root.tsx

@@ -67,8 +67,7 @@ export default component$(() => {
           type="module"
           dangerouslySetInnerHTML={
             /*javascript*/ `
-            import * as shikiji from 'https://esm.sh/[email protected]'
-            window.shikiji = shikiji;
+            window.shikiji = import('https://esm.sh/[email protected]');
         `
           }
         />

apps/website/src/routes/docs/_components/highlight/highlight.tsx

@@ -28,6 +28,7 @@ export const Highlight = component$(
     const codeSig = useSignal('');
 
     useVisibleTask$(async function createHighlightedCode() {
+      const highlighter = await (window as any).shikiji;
       let modifiedCode: string = code;
 
       let partsOfCode = modifiedCode.split(splitCommentStart);
@@ -40,7 +41,7 @@ export const Highlight = component$(
         modifiedCode = partsOfCode[0];
       }
 
-      const str = await (window as any).shikiji.codeToHtml(modifiedCode, {
+      const str = await highlighter.codeToHtml(modifiedCode, {
         lang: language,
         themes: {
           light: 'vitesse-light',