From aaeb47a5c243bd43d56cf3a6c314790b61deee5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Mr=C3=B3=C5=BA?=
 <adrianmroz@users.noreply.github.com>
Date: Sun, 4 Aug 2024 20:36:04 +0200
Subject: [PATCH] Add Svelte Language to CodeMirror

---
 packages/components/react/package.json                     | 1 +
 .../react/src/core/CodeMirrorEditor/languages.ts           | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/packages/components/react/package.json b/packages/components/react/package.json
index 4be6d28d..b9a83927 100644
--- 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
index 969dd2b3..1b936940 100644
--- 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) {