renderStyles() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 3 called by 2

Entity Profile

ServerRenderer→ TemplateRenderer→ renderStyles() — vue Function Reference

Dependency Diagram

graph TD
  5894a37d_9192_b727_818d_1e75532b2f51["renderStyles()"]
  6267c156_f90f_17b7_4f37_300535e21f45["TemplateRenderer"]
  5894a37d_9192_b727_818d_1e75532b2f51 -->|defined in| 6267c156_f90f_17b7_4f37_300535e21f45
  31737441_3215_1599_6096_babd073ce4a3["render()"]
  31737441_3215_1599_6096_babd073ce4a3 -->|calls| 5894a37d_9192_b727_818d_1e75532b2f51
  411ddda2_962f_2863_118c_4eadeb763c91["start()"]
  411ddda2_962f_2863_118c_4eadeb763c91 -->|calls| 5894a37d_9192_b727_818d_1e75532b2f51
  fde736a8_bc07_cd25_e4d6_4b13d5140b97["getUsedAsyncFiles()"]
  5894a37d_9192_b727_818d_1e75532b2f51 -->|calls| fde736a8_bc07_cd25_e4d6_4b13d5140b97
  938df857_4b1d_ef91_68b0_dadb067bddea["isCSS()"]
  5894a37d_9192_b727_818d_1e75532b2f51 -->|calls| 938df857_4b1d_ef91_68b0_dadb067bddea
  eaf9f625_dc41_712b_c0d9_253814ada3e8["files()"]
  5894a37d_9192_b727_818d_1e75532b2f51 -->|calls| eaf9f625_dc41_712b_c0d9_253814ada3e8
  style 5894a37d_9192_b727_818d_1e75532b2f51 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/template-renderer/index.ts lines 143–161

  renderStyles(context: Record<string, any>): string {
    const initial = this.preloadFiles || []
    const async = this.getUsedAsyncFiles(context) || []
    const cssFiles = initial.concat(async).filter(({ file }) => isCSS(file))
    return (
      // render links for css files
      (cssFiles.length
        ? cssFiles
            .map(
              ({ file }) =>
                `<link rel="stylesheet" href="${this.publicPath}${file}">`
            )
            .join('')
        : '') +
      // context.styles is a getter exposed by vue-style-loader which contains
      // the inline component styles collected during SSR
      (context.styles || '')
    )
  }