wip

src/components/editor/MonacoEditor.vue

@@ -20,16 +20,13 @@ import {
   onMounted,
   onUpdated,
   onUnmounted,
-  nextTick,
   ref,
 } from 'vue';
 import FileEvent from 'src/composables/events/FileEvent';
 import GitEvent from 'src/composables/events/GitEvent';
 import { getPlugins } from 'src/composables/PluginManager';
 import Languages from 'assets/editor/languages';
 
-const monaco = require('monaco-editor');
-
 const props = defineProps({
   projectName: {
     type: String,
@@ -42,6 +39,7 @@ const props = defineProps({
 });
 
 const container = ref(null);
+let monaco;
 let editor;
 let checkoutSubscription;
 let addRemoteSubscription;
@@ -136,7 +134,8 @@ async function updateEditorContent() {
 }
 
 onBeforeMount(async () => {
-  await nextTick();
+  monaco = await import('monaco-editor');
+
   if (!editor) {
     await createEditor();
   }
@@ -158,7 +157,6 @@ onMounted(() => {
 });
 
 onUpdated(async () => {
-  await nextTick();
   await updateEditorLayout();
 });