From 6329babfca466e66ea0c8bfb6acfdfc9ab57b70d Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Thu, 20 Feb 2025 14:06:13 +0800
Subject: [PATCH] feat(code-editor): use Zustand state for dynamic language
 selection

---
 src/components/code-editor.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index d9b3bd6..f87a7c6 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -7,6 +7,7 @@ import normalizeUrl from "normalize-url";
 import { highlighter } from "@/lib/shiki";
 import { shikiToMonaco } from "@shikijs/monaco";
 import { Skeleton } from "@/components/ui/skeleton";
+import { useCodeEditorState } from "@/store/useCodeEditor";
 import { CODE_EDITOR_OPTIONS } from "@/constants/code-editor-options";
 import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from "vscode-ws-jsonrpc";
 
@@ -26,6 +27,7 @@ const DynamicEditor = dynamic(
 
 export default function CodeEditor() {
   const { resolvedTheme } = useTheme();
+  const { language } = useCodeEditorState();
 
   useEffect(() => {
     const lspUrl = process.env.NEXT_PUBLIC_LSP_C_URL || "ws://localhost:4594/clangd";
@@ -73,14 +75,10 @@ export default function CodeEditor() {
 
   return (
     <DynamicEditor
-      defaultLanguage="c"
+      defaultLanguage={language}
       defaultValue="# include<stdio.h>"
       path="file:///main.c"
-      theme={
-        resolvedTheme === "light"
-          ? "github-light-default"
-          : "github-dark-default"
-      }
+      theme={resolvedTheme === "light" ? "github-light-default" : "github-dark-default"}
       height="100%"
       options={CODE_EDITOR_OPTIONS}
       beforeMount={(monaco) => {