How to add other themes?

[onurusluca]

Hi!

I am trying to add a light(default theme) when the dark mode is on but I couldn't find a way to add one.

How do I do it?
If I put null or "", TS will complain.

Thank you!

 <codemirror
          v-model="jsonCode"
          placeholder="Write your code here"
          :extensions="[json(), isDark ? oneDark : whatToAddHere?]"
          :indent-with-tab="true"
          :tab-size="2"
          class="codemirror-editor-box"
        />

[onurusluca]

After some research, I have come up with this:

import { Codemirror } from "vue-codemirror";
import { json } from "@codemirror/lang-json";
import { oneDark } from "@codemirror/theme-one-dark";
import { EditorView } from "@codemirror/view";

const codeMirrorExtensions = computed(() => {
  const extensionConfig = [];
  extensionConfig.push(json(), EditorView.lineWrapping // This will wrap long lines of code );

  // If dark mode, add oneDark
  if (isDark.value) {
    extensionConfig.push(oneDark);
  }
  return extensionConfig;
});

This works fine enough. Though import { EditorView } from "@codemirror/view"; returns type error.