genInlineTemplate() — vue Function Reference

Architecture documentation for the genInlineTemplate() function in index.ts from the vue codebase.

Function typescript CompilerSFC TemplateTransformer calls 1 called by 1

Entity Profile

CompilerSFC→ TemplateTransformer→ genInlineTemplate() — vue Function Reference

Dependency Diagram

graph TD
  d790e900_9759_b6e2_0563_04ddf5d962a4["genInlineTemplate()"]
  54260741_ae9d_a025_86de_47c513f5f82d["index.ts"]
  d790e900_9759_b6e2_0563_04ddf5d962a4 -->|defined in| 54260741_ae9d_a025_86de_47c513f5f82d
  02d2d2c1_c21e_ae8c_6eba_1f4c093c8eb4["genData()"]
  02d2d2c1_c21e_ae8c_6eba_1f4c093c8eb4 -->|calls| d790e900_9759_b6e2_0563_04ddf5d962a4
  f7d4da5f_5adf_1545_aed3_f44e030efac4["generate()"]
  d790e900_9759_b6e2_0563_04ddf5d962a4 -->|calls| f7d4da5f_5adf_1545_aed3_f44e030efac4
  style d790e900_9759_b6e2_0563_04ddf5d962a4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/codegen/index.ts lines 392–411

function genInlineTemplate(
  el: ASTElement,
  state: CodegenState
): string | undefined {
  const ast = el.children[0]
  if (__DEV__ && (el.children.length !== 1 || ast.type !== 1)) {
    state.warn(
      'Inline-template components must have exactly one child element.',
      { start: el.start }
    )
  }
  if (ast && ast.type === 1) {
    const inlineRenderFns = generate(ast, state.options)
    return `inlineTemplate:{render:function(){${
      inlineRenderFns.render
    }},staticRenderFns:[${inlineRenderFns.staticRenderFns
      .map(code => `function(){${code}}`)
      .join(',')}]}`
  }
}