@@ -9,7 +9,7 @@ import { highlightStyle } from '@/util/codemirror/highlight'
9
9
import { Ok } from ' @/util/data/result'
10
10
import { useToast } from ' @/util/toast'
11
11
import { Extension , SelectionRange } from ' @codemirror/state'
12
- import { ComponentInstance , ref , useCssModule , useTemplateRef , watch , watchEffect } from ' vue'
12
+ import { ComponentInstance , ref , useTemplateRef , watch , watchEffect } from ' vue'
13
13
14
14
const props = defineProps <{
15
15
widgetTypeId: WidgetTypeId
@@ -36,15 +36,13 @@ const emit = defineEmits<{
36
36
userAction: [text : string , selection : SelectionRange ]
37
37
}>()
38
38
39
- const themeWidget = highlightStyle (useCssModule (' themeWidget' ))
40
-
41
39
const editorRoot = useTemplateRef <ComponentInstance <typeof CodeMirrorRoot >>(' editorRoot' )
42
40
43
41
const { syncExt, connectSync } = useStringSync ()
44
42
const { editorView, setExtraExtensions } = useCodeMirror (editorRoot , {
45
43
content: model .value ,
46
44
placeholder : () => props .placeholder ?? ' ' ,
47
- extensions: [syncExt , themeWidget ],
45
+ extensions: [syncExt ],
48
46
readonly: false ,
49
47
contentTestId: props .contentTestId ,
50
48
lineMode : () => props .lineMode ?? ' single' ,
@@ -156,29 +154,3 @@ defineExpose({
156
154
}
157
155
}
158
156
</style >
159
-
160
- <!--suppress CssUnusedSymbol -->
161
- <style module="themeWidget">
162
- .comment,
163
- .lineComment,
164
- .blockComment,
165
- .docComment,
166
- .name,
167
- .variableName,
168
- .definition-variableName,
169
- .literal,
170
- .string,
171
- .escape,
172
- .number,
173
- .keyword,
174
- .moduleKeyword,
175
- .modifier,
176
- .punctuation,
177
- .paren,
178
- .operator,
179
- .definitionOperator,
180
- .invalid {
181
- color: var(--color-node-text);
182
- transition: color 0.2s ease;
183
- }
184
- </style>
0 commit comments