resolveTemplateUsageCheckString() — vue Function Reference

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

Function typescript CompilerSFC DescriptorParser calls 5 called by 1

Entity Profile

CompilerSFC→ DescriptorParser→ resolveTemplateUsageCheckString() — vue Function Reference

Dependency Diagram

graph TD
  cb40d1fd_2ff1_986b_17b9_664308ced21f["resolveTemplateUsageCheckString()"]
  da2f5c14_8623_685a_a52f_77d53de34be4["isImportUsed()"]
  da2f5c14_8623_685a_a52f_77d53de34be4 -->|calls| cb40d1fd_2ff1_986b_17b9_664308ced21f
  fd20e96f_b55a_0f3e_cf28_09b6a919ed0d["parseHTML()"]
  cb40d1fd_2ff1_986b_17b9_664308ced21f -->|calls| fd20e96f_b55a_0f3e_cf28_09b6a919ed0d
  836e9c36_fe18_c1c8_9715_d916891f0517["camelize()"]
  cb40d1fd_2ff1_986b_17b9_664308ced21f -->|calls| 836e9c36_fe18_c1c8_9715_d916891f0517
  80f517e3_ada6_0ebb_d9d7_71865191cb06["capitalize()"]
  cb40d1fd_2ff1_986b_17b9_664308ced21f -->|calls| 80f517e3_ada6_0ebb_d9d7_71865191cb06
  d1f8290b_acd6_6448_2aa7_1bc8ba241901["processExp()"]
  cb40d1fd_2ff1_986b_17b9_664308ced21f -->|calls| d1f8290b_acd6_6448_2aa7_1bc8ba241901
  0a22351a_c237_f9ca_df3f_a6e82bad69d8["parseText()"]
  cb40d1fd_2ff1_986b_17b9_664308ced21f -->|calls| 0a22351a_c237_f9ca_df3f_a6e82bad69d8
  style cb40d1fd_2ff1_986b_17b9_664308ced21f 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
}