monaco 暗黑

2025-06-29 12:22:44 +08:00 · 2022-04-03 11:41:51 +08:00 · 2022-04-03 11:41:51 +08:00 · a8b15d11d6
commit a8b15d11d6
parent f7caa604d3
1 changed files with 13 additions and 11 deletions
--- a/src/components/MonocaEditor.vue
+++ b/src/components/MonocaEditor.vue
@ -28,19 +28,21 @@ export default {
  },
  methods: {
    initEditor() {
+      let monacoEditorPreferences = {
+        value: "",
+        language: "javascript",
+        automaticLayout: true,
+        foldingStrategy: "indentation",
+        autoClosingBrackets: true,
+        tabSize: 2,
+        minimap: {
+          enabled: false,
+        },
+      };
+      if (this.$q.dark.isActive) monacoEditorPreferences.theme = "vs-dark";
      this.editor = monaco.editor.create(
        document.getElementById("monocaEditor"),
-        {
-          value: "",
-          language: "javascript",
-          automaticLayout: true,
-          foldingStrategy: "indentation",
-          autoClosingBrackets: true,
-          tabSize: 2,
-          minimap: {
-            enabled: false,
-          },
-        }
+        monacoEditorPreferences
      );
      this.loadTypes();
      this.registerLanguage();