diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx index 4ff4daf..1f9b4a6 100644 --- a/src/components/code-editor.tsx +++ b/src/components/code-editor.tsx @@ -11,11 +11,11 @@ import { highlighter } from "@/lib/shiki"; import { useEffect, useRef } from "react"; import { shikiToMonaco } from "@shikijs/monaco"; import { Skeleton } from "@/components/ui/skeleton"; -import { CODE_EDITOR_OPTIONS } from "@/constants/option"; import { useMonacoTheme } from "@/hooks/use-monaco-theme"; import { DEFAULT_EDITOR_PATH } from "@/config/editor/path"; import { DEFAULT_EDITOR_VALUE } from "@/config/editor/value"; import type { MonacoLanguageClient } from "monaco-languageclient"; +import { DefaultEditorOptionConfig } from "@/config/editor-option"; import { SUPPORTED_LANGUAGE_SERVERS } from "@/config/lsp/language-server"; import { useCodeEditorOptionStore, useCodeEditorStore } from "@/store/useCodeEditorStore"; @@ -188,7 +188,7 @@ export default function CodeEditor() { }, [language]); const mergeOptions = { - ...CODE_EDITOR_OPTIONS, + ...DefaultEditorOptionConfig, fontSize, lineHeight, }; diff --git a/src/constants/option.ts b/src/config/editor-option.ts similarity index 87% rename from src/constants/option.ts rename to src/config/editor-option.ts index dfcfd73..e6c854c 100644 --- a/src/constants/option.ts +++ b/src/config/editor-option.ts @@ -1,6 +1,6 @@ import { type editor } from "monaco-editor"; -export const CODE_EDITOR_OPTIONS: editor.IEditorConstructionOptions = { +export const DefaultEditorOptionConfig: editor.IEditorConstructionOptions = { autoIndent: "full", automaticLayout: true, contextmenu: true, diff --git a/src/store/useCodeEditorStore.ts b/src/store/useCodeEditorStore.ts index 7a96396..6ad377e 100644 --- a/src/store/useCodeEditorStore.ts +++ b/src/store/useCodeEditorStore.ts @@ -2,9 +2,9 @@ import { create } from "zustand"; import { type editor } from "monaco-editor"; import { persist } from "zustand/middleware"; import { JudgeResult } from "@/config/judge"; -import { CODE_EDITOR_OPTIONS } from "@/constants/option"; import { SupportedLanguage } from "@/constants/language"; import { MonacoLanguageClient } from "monaco-languageclient"; +import { DefaultEditorOptionConfig } from "@/config/editor-option"; import { DEFAULT_EDITOR_LANGUAGE } from "@/config/editor/language"; interface CodeEditorState { @@ -51,8 +51,8 @@ export const useCodeEditorStore = create()( ); export const useCodeEditorOptionStore = create((set) => ({ - fontSize: CODE_EDITOR_OPTIONS.fontSize, - lineHeight: CODE_EDITOR_OPTIONS.lineHeight, + fontSize: DefaultEditorOptionConfig.fontSize, + lineHeight: DefaultEditorOptionConfig.lineHeight, setFontSize: (fontSize: number) => set({ fontSize }), setLineHeight: (lineHeight: number) => set({ lineHeight }), }));