fix(shiki): fix random "memory access out of bounds" error

Author: maiieul

apps/website/src/components/highlight/highlight.tsx

@@ -1,8 +1,7 @@
 import { ClassList, PropsOf, component$, useSignal, useTask$ } from '@builder.io/qwik';
 import { CodeCopy } from '../code-copy/code-copy';
-import { getHighlighterCore } from 'shiki';
 import { cn } from '@qwik-ui/utils';
-import getWasm from 'shiki/wasm';
+import { highlighter } from './highlighter';
 
 export type HighlightProps = PropsOf<'div'> & {
   code: string;
@@ -23,7 +22,6 @@ export const Highlight = component$(
   }: HighlightProps) => {
     const codeSig = useSignal('');
 
-    // eslint-disable-next-line qwik/no-use-visible-task
     useTask$(async function createHighlightedCode() {
       let modifiedCode: string = code;
 
@@ -37,19 +35,6 @@ export const Highlight = component$(
         modifiedCode = partsOfCode[0];
       }
 
-      const highlighter = await getHighlighterCore({
-        themes: [
-          // or a dynamic import if you want to do chunk splitting
-          import('shiki/themes/poimandres.mjs'),
-        ],
-        langs: [
-          import('shiki/langs/html.mjs'),
-          import('shiki/langs/tsx.mjs'),
-          import('shiki/langs/css.mjs'),
-        ],
-        loadWasm: getWasm,
-      });
-
       const str = highlighter.codeToHtml(modifiedCode, {
         lang: language,
         themes: {

apps/website/src/components/highlight/highlighter.tsx

@@ -0,0 +1,17 @@
+import { getHighlighterCore } from 'shiki/index.mjs';
+import getWasm from 'shiki/wasm';
+import poimandres from 'shiki/themes/poimandres.mjs';
+import html from 'shiki/langs/html.mjs';
+import css from 'shiki/langs/css.mjs';
+import ts from 'shiki/langs/typescript.mjs';
+import tsx from 'shiki/langs/tsx.mjs';
+import js from 'shiki/langs/javascript.mjs';
+
+export const highlighter = await getHighlighterCore({
+  themes: [
+    // or a dynamic import if you want to do chunk splitting
+    poimandres,
+  ],
+  langs: [html, css, js, ts, tsx],
+  loadWasm: getWasm,
+});