resolveTemplateUsageCheckString() — vue Function Reference

Architecture documentation for the resolveTemplateUsageCheckString() function in compileScript.ts from the vue codebase.

Function typescript SfcCompiler ScriptCompiler calls 1 called by 1

Entity Profile

SfcCompiler→ ScriptCompiler→ resolveTemplateUsageCheckString() — vue Function Reference

Dependency Diagram

graph TD
  4bc89743_7d83_8a25_3b2c_4a23c4277478["resolveTemplateUsageCheckString()"]
  c9346cac_54e3_f6ca_68a7_03c6e82c9609["compileScript.ts"]
  4bc89743_7d83_8a25_3b2c_4a23c4277478 -->|defined in| c9346cac_54e3_f6ca_68a7_03c6e82c9609
  4fe50d93_1397_443f_6dd0_df2c8c87a955["isImportUsed()"]
  4fe50d93_1397_443f_6dd0_df2c8c87a955 -->|calls| 4bc89743_7d83_8a25_3b2c_4a23c4277478
  8b0d9022_d61b_fac0_8496_8bd8ba5757a4["processExp()"]
  4bc89743_7d83_8a25_3b2c_4a23c4277478 -->|calls| 8b0d9022_d61b_fac0_8496_8bd8ba5757a4
  style 4bc89743_7d83_8a25_3b2c_4a23c4277478 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/compileScript.ts lines 1790–1837

function resolveTemplateUsageCheckString(sfc: SFCDescriptor, isTS: boolean) {
  const { content } = sfc.template!
  const cached = templateUsageCheckCache.get(content)
  if (cached) {
    return cached
  }

  let code = ''

  parseHTML(content, {
    ...webCompilerOptions,
    start(tag, attrs) {
      if (!isBuiltInTag(tag) && !isReservedTag(tag)) {
        code += `,${camelize(tag)},${capitalize(camelize(tag))}`
      }
      for (let i = 0; i < attrs.length; i++) {
        const { name, value } = attrs[i]
        if (dirRE.test(name)) {
          const baseName = onRE.test(name)
            ? 'on'
            : slotRE.test(name)
            ? 'slot'
            : bindRE.test(name)
            ? 'bind'
            : name.replace(dirRE, '')
          if (!isBuiltInDir(baseName)) {
            code += `,v${capitalize(camelize(baseName))}`
          }
          if (value) {
            code += `,${processExp(value, isTS, baseName)}`
          }
        } else if (name === 'ref') {
          code += `,${value}`
        }
      }
    },
    chars(text) {
      const res = parseText(text)
      if (res) {
        code += `,${processExp(res.expression, isTS)}`
      }
    }
  })

  code += ';'
  templateUsageCheckCache.set(content, code)
  return code
}