Hoist async component declarations

Author: Demivan

src/core/transformScriptSetup.ts

@@ -7,14 +7,27 @@ import { ParsedSFC, ScriptSetupTransformOptions } from '../types'
 import { applyMacros } from './macros'
 import { getIdentifierDeclarations } from './identifiers'
 
+function isAsyncImport(node: any) {
+  if (node.type === 'VariableDeclaration') {
+    const declaration = node.declarations[0]
+
+    return declaration.init.callee != null
+      && declaration.init.callee.name === 'defineAsyncComponent'
+  }
+
+  return false
+}
+
 export function transformScriptSetup(sfc: ParsedSFC, options?: ScriptSetupTransformOptions) {
   const { scriptSetup, script, template } = sfc
 
   const { nodes: body, props, expose } = applyMacros(scriptSetup.ast.body)
 
   const [hoisted, setupBody] = partition(
     body,
-    n => n.type === 'ImportDeclaration'
+    n =>
+      isAsyncImport(n)
+     || n.type === 'ImportDeclaration'
      || n.type === 'ExportNamedDeclaration'
      || n.type.startsWith('TS'),
   )