async-component-test.ts — vue Source File

Architecture documentation for async-component-test.ts, a typescript file in the vue codebase. 1 imports, 0 dependents.

File typescript VueCore Instance 1 imports 5 functions

Entity Profile

VueCore→ Instance→ async-component-test.ts — vue Source File

Dependency Diagram

graph LR
  de006864_4ed6_4b1d_83c5_8db32418bb74["async-component-test.ts"]
  451106ad_39e7_1c30_4a13_bb292ee7299e["./index"]
  de006864_4ed6_4b1d_83c5_8db32418bb74 --> 451106ad_39e7_1c30_4a13_bb292ee7299e
  style de006864_4ed6_4b1d_83c5_8db32418bb74 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Vue, { AsyncComponent, Component } from '../index'

const a: AsyncComponent = () => ({
  component: new Promise<Component>((res, rej) => {
    res({ template: '' })
  })
})

const b: AsyncComponent = () => ({
  // @ts-expect-error component has to be a Promise that resolves to a component
  component: () =>
    new Promise<Component>((res, rej) => {
      res({ template: '' })
    })
})

const c: AsyncComponent = () =>
  new Promise<Component>((res, rej) => {
    res({
      template: ''
    })
  })

const d: AsyncComponent = () =>
  new Promise<{ default: Component }>((res, rej) => {
    res({
      default: {
        template: ''
      }
    })
  })

const e: AsyncComponent = () => ({
  component: new Promise<{ default: Component }>((res, rej) => {
    res({
      default: {
        template: ''
      }
    })
  })
})

// Test that Vue.component accepts any AsyncComponent
Vue.component('async-component1', a)