fix: automatially register languages highlighted by Shiki to Monaco E…

…ditor (#1858)
slidevjs · Sep 27, 2024 · bb490ff · bb490ff
1 parent 030021b
commit bb490ff
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/client/setup/monaco.ts b/packages/client/setup/monaco.ts
@@ -92,7 +92,7 @@ const setup = createSingletonPromise(async () => {
   monaco.languages.register({ id: 'typescript' })
   monaco.languages.register({ id: 'javascript' })
 
-  const { shiki, themes, shikiToMonaco } = await import('#slidev/shiki')
+  const { shiki, langs, themes, shikiToMonaco } = await import('#slidev/shiki')
   const highlighter = await shiki
 
   const editorOptions: MonacoSetupReturn['editorOptions'] & object = {}
@@ -113,6 +113,10 @@ const setup = createSingletonPromise(async () => {
         : themes.light || 'vitesse-light')
     })
   }
+  // Register all languages, otherwise Monaco will not highlight them
+  for (const lang of langs) {
+    monaco.languages.register({ id: lang })
+  }
 
   return {
     monaco,