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 CompilerSFC ScriptAnalyzer 1 imports 5 functions

Entity Profile

CompilerSFC→ ScriptAnalyzer→ async-component-test.ts — vue Source File

Dependency Diagram

graph LR
  e129b71b_19d3_c204_decd_1e36c282457c["async-component-test.ts"]
  09422b63_6947_479f_f3b8_a48790187388["./index"]
  e129b71b_19d3_c204_decd_1e36c282457c --> 09422b63_6947_479f_f3b8_a48790187388
  style e129b71b_19d3_c204_decd_1e36c282457c 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)