resolveTemplateUsageCheckString() — vue Function Reference

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

Function typescript CompilerSFC TemplateTransformer calls 1 called by 1

Entity Profile

CompilerSFC→ TemplateTransformer→ resolveTemplateUsageCheckString() — vue Function Reference

Dependency Diagram

graph TD
  77885a00_badc_8a1d_b8c5_1d9ab042a484["resolveTemplateUsageCheckString()"]
  b9f12a63_b611_1b00_0717_3ff21d7ce156["compileScript.ts"]
  77885a00_badc_8a1d_b8c5_1d9ab042a484 -->|defined in| b9f12a63_b611_1b00_0717_3ff21d7ce156
  5b047687_7011_90aa_7925_63a1d469fe2b["isImportUsed()"]
  5b047687_7011_90aa_7925_63a1d469fe2b -->|calls| 77885a00_badc_8a1d_b8c5_1d9ab042a484
  72c10b69_fb02_fbf6_63d5_43832727d4f7["processExp()"]
  77885a00_badc_8a1d_b8c5_1d9ab042a484 -->|calls| 72c10b69_fb02_fbf6_63d5_43832727d4f7
  style 77885a00_badc_8a1d_b8c5_1d9ab042a484 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
}