Add Svelte Language to CodeMirror

Author: adrianmroz

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",

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) {