feat(editor): use predefined options for code editor configuration

This commit is contained in:
cfngc4594 2025-02-20 09:11:31 +08:00
parent 01f188ac56
commit 07e3707c3f

View File

@ -7,6 +7,7 @@ import normalizeUrl from "normalize-url";
import { highlighter } from "@/lib/shiki"; import { highlighter } from "@/lib/shiki";
import { shikiToMonaco } from "@shikijs/monaco"; import { shikiToMonaco } from "@shikijs/monaco";
import { Skeleton } from "@/components/ui/skeleton"; import { Skeleton } from "@/components/ui/skeleton";
import { CODE_EDITOR_OPTIONS } from "@/constants/code-editor-options";
import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from "vscode-ws-jsonrpc"; import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from "vscode-ws-jsonrpc";
const DynamicEditor = dynamic( const DynamicEditor = dynamic(
@ -81,7 +82,7 @@ export default function CodeEditor() {
: "github-dark-default" : "github-dark-default"
} }
height="100%" height="100%"
options={{ automaticLayout: true }} options={CODE_EDITOR_OPTIONS}
beforeMount={(monaco) => { beforeMount={(monaco) => {
shikiToMonaco(highlighter, monaco); shikiToMonaco(highlighter, monaco);
}} }}