Prevent theme class names in Shiki snippets (#42283)

* Prevent theme class names in Shiki snippets

* prettier

* alt: dont render at all

* prettier

Author: mdo

site/astro.config.ts

@@ -39,16 +39,15 @@ export default defineConfig({
     syntaxHighlight: 'shiki',
     shikiConfig: {
       themes: {
-        light: bootstrapLight,
-        dark: bootstrapDark
+        light: { ...bootstrapLight, name: '' },
+        dark: { ...bootstrapDark, name: '' }
       },
       transformers: [
         transformerNotationDiff(),
         transformerNotationHighlight(),
         {
           name: 'add-language-attribute',
           pre(node) {
-            // Add data-language attribute to pre tag so Code component can access it
             const lang = this.options.lang
             if (lang) {
               node.properties['dataLanguage'] = lang

site/src/libs/highlight.ts

@@ -55,8 +55,8 @@ export async function highlightCode(
   const highlighted = await codeToHtml(code, {
     lang,
     themes: {
-      light: bootstrapLight as any,
-      dark: bootstrapDark as any
+      light: { ...(bootstrapLight as any), name: '' },
+      dark: { ...(bootstrapDark as any), name: '' }
     },
     transformers
   })