resolveTemplateUsageCheckString() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 5 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ resolveTemplateUsageCheckString() — vue Function Reference

Dependency Diagram

graph TD
  fac2f34b_3866_3537_2607_6622b0e848eb["resolveTemplateUsageCheckString()"]
  ed5fe71b_2eb2_ab85_8bbb_eb87a7fa5e82["isImportUsed()"]
  ed5fe71b_2eb2_ab85_8bbb_eb87a7fa5e82 -->|calls| fac2f34b_3866_3537_2607_6622b0e848eb
  ca00eea8_e506_fbea_a89a_cf39796a3659["parseHTML()"]
  fac2f34b_3866_3537_2607_6622b0e848eb -->|calls| ca00eea8_e506_fbea_a89a_cf39796a3659
  447f7b2d_d677_800e_b42e_db97e7d830a7["camelize()"]
  fac2f34b_3866_3537_2607_6622b0e848eb -->|calls| 447f7b2d_d677_800e_b42e_db97e7d830a7
  4cc66a79_034b_1114_66f2_674d202356f6["capitalize()"]
  fac2f34b_3866_3537_2607_6622b0e848eb -->|calls| 4cc66a79_034b_1114_66f2_674d202356f6
  0f4b2d12_1485_be8c_d799_815c5d739d57["processExp()"]
  fac2f34b_3866_3537_2607_6622b0e848eb -->|calls| 0f4b2d12_1485_be8c_d799_815c5d739d57
  98ee1e5f_4546_f8dd_b03c_1579380b057f["parseText()"]
  fac2f34b_3866_3537_2607_6622b0e848eb -->|calls| 98ee1e5f_4546_f8dd_b03c_1579380b057f
  style fac2f34b_3866_3537_2607_6622b0e848eb 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
}