feat(monaco-editor): add language and options watchers for dynamic up…

…dates
emqx · Dec 27, 2024 · 86b5dc3 · 86b5dc3
1 parent 7386dbf
commit 86b5dc3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/apps/web/auto-imports.d.ts b/apps/web/auto-imports.d.ts
@@ -99,7 +99,6 @@ declare module 'vue' {
   interface GlobalComponents {}
   interface ComponentCustomProperties {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>
     readonly createApp: UnwrapRef<typeof import('vue')['createApp']>

diff --git a/packages/ui/auto-imports.d.ts b/packages/ui/auto-imports.d.ts
@@ -97,7 +97,6 @@ declare module 'vue' {
   interface GlobalComponents {}
   interface ComponentCustomProperties {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>
     readonly createApp: UnwrapRef<typeof import('vue')['createApp']>

diff --git a/packages/ui/src/components/MonacoEditor.vue b/packages/ui/src/components/MonacoEditor.vue
@@ -116,6 +116,16 @@ watch(value, (newValue) => {
   }
 })
 
+watch(language, (newLanguage) => {
+  if (editor?.getModel()) {
+    monaco.editor.setModelLanguage(editor.getModel()!, newLanguage)
+  }
+})
+
+watch(options, (newOptions) => {
+  editor?.updateOptions(newOptions)
+}, { deep: true })
+
 defineDefaultTheme()
 defineLogLanguage()