fix: Fix render monaco editor in vuetify dialogs (popups) (#154)

Co-authored-by: Andrey <a.ryzhenkov@qiwi.com>
egoist · Jan 13, 2021 · cc29b34 · cc29b34
1 parent a8eed0d
commit cc29b34
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/MonacoEditor.js b/src/MonacoEditor.js
@@ -75,14 +75,18 @@ export default {
     if (this.amdRequire) {
       this.amdRequire(['vs/editor/editor.main'], () => {
         this.monaco = window.monaco
-        this.initMonaco(window.monaco)
+        this.$nextTick(() => {
+          this.initMonaco(window.monaco)
+        })
       })
     } else {
       // ESM format so it can't be resolved by commonjs `require` in eslint
       // eslint-disable-next-line import/no-unresolved
       const monaco = require('monaco-editor')
       this.monaco = monaco
-      this.initMonaco(monaco)
+      this.$nextTick(() => {
+        this.initMonaco(monaco)
+      })
     }
   },