Add Svelte Language to CodeMirror

stackblitz · Aug 4, 2024 · aaeb47a · aaeb47a
1 parent cc50ad4
commit aaeb47a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/components/react/package.json b/packages/components/react/package.json
@@ -69,6 +69,7 @@
     "@lezer/highlight": "^1.2.0",
     "@nanostores/react": "0.7.2",
     "@radix-ui/react-accordion": "^1.2.0",
+    "@replit/codemirror-lang-svelte": "^6.0.0",
     "@tutorialkit/runtime": "workspace:*",
     "@tutorialkit/theme": "workspace:*",
     "@webcontainer/api": "1.2.0",

diff --git a/packages/components/react/src/core/CodeMirrorEditor/languages.ts b/packages/components/react/src/core/CodeMirrorEditor/languages.ts
@@ -78,6 +78,13 @@ export const supportedLanguages = [
       return import('@codemirror/lang-wast').then((module) => module.wast());
     },
   }),
+  LanguageDescription.of({
+    name: 'Svelte',
+    extensions: ['svelte'],
+    async load() {
+      return import('@replit/codemirror-lang-svelte').then((module) => module.svelte());
+    },
+  }),
 ];
 
 export async function getLanguage(fileName: string) {