fix: 🐛 use ES6 async import

AngeloSchulerPiletti · Nov 15, 2023 · e2679ad · e2679ad
1 parent 7f26206
commit e2679ad
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/runtime/components/ExcalidrawBoard.vue b/src/runtime/components/ExcalidrawBoard.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { onBeforeUnmount, onMounted, ref } from 'vue'
-import ExcalidrawDefault from '@excalidraw/excalidraw'
 import React from 'react'
 import { type Root, createRoot } from 'react-dom/client'
 import type { Ref } from 'vue'
@@ -16,12 +15,14 @@ let root: null | Root = null
 onMounted(async () => {
   if (excalidrawRef.value) {
     root = createRoot(excalidrawRef.value)
+
     let _Excalidraw: any
-    if (ExcalidrawDefault) {
-      _Excalidraw = ExcalidrawDefault
+      const Excalidraw = await import('@excalidraw/excalidraw')
+
+    if (Excalidraw.default) {
+      _Excalidraw = Excalidraw.default
     }
     else {
-      const Excalidraw = await import('@excalidraw/excalidraw')
       _Excalidraw = Excalidraw.Excalidraw
     }