From 834f686bae5f09587d2f86f0e4de841cbac3f40a Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Tue, 10 Jun 2025 12:20:24 +0800
Subject: [PATCH] feat(entities-plugins): make monaco-editor lazy loaded

---
 .../src/components/free-form/Datakit/DatakitForm.vue         | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/entities/entities-plugins/src/components/free-form/Datakit/DatakitForm.vue b/packages/entities/entities-plugins/src/components/free-form/Datakit/DatakitForm.vue
index 2ead2c4821..1ef121dd0d 100644
--- a/packages/entities/entities-plugins/src/components/free-form/Datakit/DatakitForm.vue
+++ b/packages/entities/entities-plugins/src/components/free-form/Datakit/DatakitForm.vue
@@ -24,7 +24,7 @@
 
 <script setup lang="ts">
 import { onMounted, shallowRef, useTemplateRef, toRaw, onBeforeUnmount } from 'vue'
-import * as monaco from 'monaco-editor'
+import type * as monaco from 'monaco-editor'
 import type { YAMLException } from 'js-yaml'
 import yaml, { JSON_SCHEMA } from 'js-yaml'
 import english from '../../../locales/en.json'
@@ -68,7 +68,8 @@ const CODE_EXAMPLE = `# Example YAML configuration
 #   status: 200
 `
 
-onMounted(() => {
+onMounted(async () => {
+  const monaco = await import('monaco-editor')
   editor.value = monaco.editor.create(editorRoot.value!, {
     language: 'yaml',
     automaticLayout: true,