Fix: language dropdown state selection

src/lib/layouts/DocsArticle.svelte

@@ -17,12 +17,16 @@
     import { writable } from 'svelte/store';
     import { Feedback } from '$lib/components';
     import { scrollToTop } from '$lib/actions/scrollToTop';
+    import type { Language } from '$lib/utils/code';
 
     export let title: string;
     export let toc: Array<TocItem>;
     export let back: string | undefined = undefined;
     export let date: string | undefined = undefined;
 
+    // Shared writable store for a selected language.
+    setContext('language-context', writable<Language>());
+
     const reducedArticleSize = setContext('articleHasNumericBadge', writable(false));
 </script>
 

src/markdoc/tags/MultiCode.svelte

@@ -21,6 +21,8 @@
         content: writable('')
     });
 
+    const languageContext = getContext<Writable<string>>('language-context');
+
     const { snippets, selected, content } = getContext<CodeContext>('multi-code');
 
     snippets.subscribe((n) => {
@@ -29,6 +31,24 @@
         }
     });
 
+    selected.subscribe((language) => {
+        // apply if exists in snippets
+        if (language && $snippets.has(language as Language)) {
+            languageContext?.set(language);
+        }
+    });
+
+    languageContext?.subscribe((language) => {
+        if (
+            language &&
+            language !== $selected &&
+            // apply if exists in snippets
+            $snippets.has(language as Language)
+        ) {
+            selected.set(language);
+        }
+    });
+
     enum CopyStatus {
         Copy = 'Copy',
         Copied = 'Copied!'