diff --git a/src/editor/CodeMirrorEditor.vue b/src/editor/CodeMirrorEditor.vue
index 8c043894..c6b9a8d5 100644
--- a/src/editor/CodeMirrorEditor.vue
+++ b/src/editor/CodeMirrorEditor.vue
@@ -4,7 +4,7 @@ import { computed } from 'vue'
import type { PreviewMode } from './types'
defineOptions({
- editorType: 'monaco',
+ editorType: 'codemirror',
})
const props = defineProps<{
diff --git a/src/editor/EditorContainer.vue b/src/editor/EditorContainer.vue
index 0e0b498f..793c8e28 100644
--- a/src/editor/EditorContainer.vue
+++ b/src/editor/EditorContainer.vue
@@ -2,8 +2,9 @@
import FileSelector from './FileSelector.vue'
import Message from '../Message.vue'
import { debounce } from '../utils'
-import { inject } from 'vue'
+import { inject, ref } from 'vue'
import { Store } from '../store'
+import MessageToggle from './MessageToggle.vue'
import type { EditorComponentType } from './types'
const props = defineProps<{
@@ -11,6 +12,7 @@ const props = defineProps<{
}>()
const store = inject('store') as Store
+const showMessage = ref(true)
const onChange = debounce((code: string) => {
store.state.activeFile.code = code
@@ -25,10 +27,13 @@ const onChange = debounce((code: string) => {
:value="store.state.activeFile.code"
:filename="store.state.activeFile.filename"
/>
-
+
+
+
+
diff --git a/src/editor/MessageToggle.vue b/src/editor/MessageToggle.vue
new file mode 100644
index 00000000..51f081cb
--- /dev/null
+++ b/src/editor/MessageToggle.vue
@@ -0,0 +1,67 @@
+
+
+
+
+