Function setup

packages/runtime-core/src/apiAsyncComponent.ts:162–266

()

    },

    setup() {
      const instance = currentInstance!
      markAsyncBoundary(instance)

      // already resolved
      if (resolvedComp) {
        return () => createInnerComp(resolvedComp!, instance)
      }

      const onError = (err: Error) => {
        pendingRequest = null
        handleError(
          err,
          instance,
          ErrorCodes.ASYNC_COMPONENT_LOADER,
          !errorComponent /* do not throw in dev if user provided error component */,
        )
      }

      // suspense-controlled or SSR.
      if (
        (__FEATURE_SUSPENSE__ && suspensible && instance.suspense) ||
        (__SSR__ && isInSSRComponentSetup)
      ) {
        return load()
          .then(comp => {
            return () => createInnerComp(comp, instance)
          })
          .catch(err => {
            onError(err)
            return () =>
              errorComponent
                ? createVNode(errorComponent as ConcreteComponent, {
                    error: err,
                  })
                : null
          })
      }

      const loaded = ref(false)
      const error = ref()
      const delayed = ref(!!delay)

      let timeoutTimer: ReturnType<typeof setTimeout> | undefined
      let delayTimer: ReturnType<typeof setTimeout> | undefined

      onUnmounted(() => {
        if (timeoutTimer != null) clearTimeout(timeoutTimer)
        if (delayTimer != null) clearTimeout(delayTimer)
      })

      if (delay) {
        delayTimer = setTimeout(() => {
          if (instance.isUnmounted) return
          delayed.value = false
        }, delay)
      }