validateComponentName() — vue Function Reference

Architecture documentation for the validateComponentName() function in options.ts from the vue codebase.

Function typescript CoreInstance Lifecycle calls 1 called by 1

Entity Profile

CoreInstance→ Lifecycle→ validateComponentName() — vue Function Reference

Dependency Diagram

graph TD
  5973631a_6fb2_2b2a_07f7_dee70b387bfa["validateComponentName()"]
  84cf3115_399b_21c2_480f_a8f2d39478c8["checkComponents()"]
  84cf3115_399b_21c2_480f_a8f2d39478c8 -->|calls| 5973631a_6fb2_2b2a_07f7_dee70b387bfa
  e3484a9f_f8a5_4082_0208_641d58b965c3["warn()"]
  5973631a_6fb2_2b2a_07f7_dee70b387bfa -->|calls| e3484a9f_f8a5_4082_0208_641d58b965c3
  style 5973631a_6fb2_2b2a_07f7_dee70b387bfa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/util/options.ts lines 299–317

export function validateComponentName(name: string) {
  if (
    !new RegExp(`^[a-zA-Z][\\-\\.0-9_${unicodeRegExp.source}]*$`).test(name)
  ) {
    warn(
      'Invalid component name: "' +
        name +
        '". Component names ' +
        'should conform to valid custom element name in html5 specification.'
    )
  }
  if (isBuiltInTag(name) || config.isReservedTag(name)) {
    warn(
      'Do not use built-in or reserved HTML elements as component ' +
        'id: ' +
        name
    )
  }
}