btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

fix: codemirror theme not changing when color mode is updated

Browse Source
This commit is contained in:
Andrew Bastin
2021-09-08 06:00:23 +05:30
committed by liyasthomas
parent 639a629809
commit 4c55b9c304
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
helpers/editor/codemirror.ts
View File

@@ -57,6 +57,8 @@ export function useCodemirror(
value: Ref<string>, value: Ref<string>,
options: CodeMirrorOptions options: CodeMirrorOptions
) { ) {
const { $colorMode } = useContext() as any
const cm = ref<CodeMirror.Editor | null>(null) const cm = ref<CodeMirror.Editor | null>(null)
const updateEditorConfig = () => { const updateEditorConfig = () => {
@@ -135,7 +137,6 @@ export function useCodemirror(
}) })
const setTheme = () => { const setTheme = () => {
const { $colorMode } = useContext() as any
if (cm.value) { if (cm.value) {
cm.value?.setOption("theme", getThemeName($colorMode.value)) cm.value?.setOption("theme", getThemeName($colorMode.value))
} }
@@ -175,6 +176,9 @@ export function useCodemirror(
} }
}) })
// Watch color mode updates and update theme
watch(() => $colorMode.value, setTheme)
return { return {
cm, cm,
} }