@@ -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