feat: expose editorOptions.monacoOptions

closes #277, closes #232
vuejs · Aug 27, 2024 · 00176d0 · 00176d0
1 parent 6c298f8
commit 00176d0
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/src/Repl.vue b/src/Repl.vue
@@ -9,6 +9,7 @@ import {
   injectKeyProps,
 } from './types'
 import EditorContainer from './editor/EditorContainer.vue'
+import type * as monaco from 'monaco-editor-core'
 
 export interface Props {
   theme?: 'dark' | 'light'
@@ -37,6 +38,7 @@ export interface Props {
   }
   editorOptions?: {
     showErrorText?: string
+    monacoOptions?: monaco.editor.IStandaloneEditorConstructionOptions
   }
 }
 

diff --git a/src/monaco/Monaco.vue b/src/monaco/Monaco.vue
@@ -35,7 +35,12 @@ const emit = defineEmits<{
 const containerRef = ref<HTMLDivElement>()
 const ready = ref(false)
 const editor = shallowRef<monaco.editor.IStandaloneCodeEditor>()
-const { store, autoSave, theme: replTheme } = inject(injectKeyProps)!
+const {
+  store,
+  autoSave,
+  theme: replTheme,
+  editorOptions,
+} = inject(injectKeyProps)!
 
 initMonaco(store.value)
 
@@ -67,6 +72,7 @@ onMounted(async () => {
       enabled: false,
     },
     fixedOverflowWidgets: true,
+    ...editorOptions.value.monacoOptions,
   })
   editor.value = editorInstance
 

diff --git a/test/main.ts b/test/main.ts
@@ -67,6 +67,11 @@ const App = {
         },
         // showCompileOutput: false,
         // showImportMap: false
+        editorOptions: {
+          monacoOptions: {
+            // wordWrap: 'on',
+          },
+        },
       })
   },
 }