import { computed } from 'vue'
import { Compartment } from '@codemirror/state'
import { vsCodeDark } from '@fsegurai/codemirror-theme-vscode-dark'
import { vsCodeLight } from '@fsegurai/codemirror-theme-vscode-light'
const themeCompartment = new Compartment()
const currentTheme = computed(() => (isDark() ? vsCodeDark : vsCodeLight))
const state = EditorState.create({
doc: props.modelValue,
extensions: [
// Removing this plugin resolves the issue. But I don't know what the reason is.
themeCompartment.of(currentTheme.value)
],
})