test for async import.

src/admin/problem/detail.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import TextEditor from "~/shared/TextEditor.vue"
-import Monaco from "~/shared/Monaco.vue"
 
 import { SelectOption, UploadCustomRequestOptions } from "naive-ui"
 import { unique } from "~/utils/functions"
@@ -17,6 +16,8 @@ import {
   uploadTestcases,
 } from "../api"
 
+const Monaco = defineAsyncComponent(() => import("~/shared/Monaco.vue"))
+
 interface Props {
   problemID?: string
   contestID?: string

src/learn/index.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import Monaco from "~/shared/Monaco.vue"
 import { isDesktop } from "~/shared/composables/breakpoints"
 import { code } from "~/shared/composables/learn"
 
+const Monaco = defineAsyncComponent(() => import("~/shared/Monaco.vue"))
+
 const route = useRoute()
 const router = useRouter()
 

src/oj/problem/components/Editor.vue

@@ -1,11 +1,12 @@
 <script lang="ts" setup>
 import { SOURCES } from "utils/constants"
 import { Problem } from "utils/types"
-import Monaco from "~/shared/Monaco.vue"
 import { code } from "oj/composables/code"
 import { isDesktop } from "~/shared/composables/breakpoints"
 import Form from "./Form.vue"
 
+const Monaco = defineAsyncComponent(() => import("~/shared/Monaco.vue"))
+
 interface Props {
   problem: Problem
 }