renderState() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer called by 2

Entity Profile

ServerRenderer→ TemplateRenderer→ renderState() — vue Function Reference

Dependency Diagram

graph TD
  a7382fc7_2a1c_21c4_593d_a281d216bdcd["renderState()"]
  6267c156_f90f_17b7_4f37_300535e21f45["TemplateRenderer"]
  a7382fc7_2a1c_21c4_593d_a281d216bdcd -->|defined in| 6267c156_f90f_17b7_4f37_300535e21f45
  31737441_3215_1599_6096_babd073ce4a3["render()"]
  31737441_3215_1599_6096_babd073ce4a3 -->|calls| a7382fc7_2a1c_21c4_593d_a281d216bdcd
  b5113cab_d984_a93c_89b1_a197387b5da3["_flush()"]
  b5113cab_d984_a93c_89b1_a197387b5da3 -->|calls| a7382fc7_2a1c_21c4_593d_a281d216bdcd
  style a7382fc7_2a1c_21c4_593d_a281d216bdcd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/template-renderer/index.ts lines 227–241

  renderState(
    context: Record<string, any>,
    options?: Record<string, any>
  ): string {
    const { contextKey = 'state', windowKey = '__INITIAL_STATE__' } =
      options || {}
    const state = this.serialize(context[contextKey])
    const autoRemove = __DEV__
      ? ''
      : ';(function(){var s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());'
    const nonceAttr = context.nonce ? ` nonce="${context.nonce}"` : ''
    return context[contextKey]
      ? `<script${nonceAttr}>window.${windowKey}=${state}${autoRemove}</script>`
      : ''
  }