getInvalidTypeMessage() — vue Function Reference

Architecture documentation for the getInvalidTypeMessage() function in props.ts from the vue codebase.

Function typescript VueCore Instance calls 3 called by 1

Entity Profile

VueCore→ Instance→ getInvalidTypeMessage() — vue Function Reference

Dependency Diagram

graph TD
  2b816e9d_8877_5f48_8b92_704ec73eda9e["getInvalidTypeMessage()"]
  ebb0510e_1beb_0f1e_d9b5_9f9e319cefcc["props.ts"]
  2b816e9d_8877_5f48_8b92_704ec73eda9e -->|defined in| ebb0510e_1beb_0f1e_d9b5_9f9e319cefcc
  bdff343d_a655_05a3_a87d_d14305aacd8d["assertProp()"]
  bdff343d_a655_05a3_a87d_d14305aacd8d -->|calls| 2b816e9d_8877_5f48_8b92_704ec73eda9e
  8ef242a1_dc61_371c_f779_dfd09962b0c1["isExplicable()"]
  2b816e9d_8877_5f48_8b92_704ec73eda9e -->|calls| 8ef242a1_dc61_371c_f779_dfd09962b0c1
  3077abfc_0861_0e3b_85e9_40f5d5f46a96["isBoolean()"]
  2b816e9d_8877_5f48_8b92_704ec73eda9e -->|calls| 3077abfc_0861_0e3b_85e9_40f5d5f46a96
  26bf84e9_ca7e_e4c0_aef0_95f463989992["styleValue()"]
  2b816e9d_8877_5f48_8b92_704ec73eda9e -->|calls| 26bf84e9_ca7e_e4c0_aef0_95f463989992
  style 2b816e9d_8877_5f48_8b92_704ec73eda9e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/util/props.ts lines 214–235

function getInvalidTypeMessage(name, value, expectedTypes) {
  let message =
    `Invalid prop: type check failed for prop "${name}".` +
    ` Expected ${expectedTypes.map(capitalize).join(', ')}`
  const expectedType = expectedTypes[0]
  const receivedType = toRawType(value)
  // check if we need to specify expected value
  if (
    expectedTypes.length === 1 &&
    isExplicable(expectedType) &&
    isExplicable(typeof value) &&
    !isBoolean(expectedType, receivedType)
  ) {
    message += ` with value ${styleValue(value, expectedType)}`
  }
  message += `, got ${receivedType} `
  // check if we need to specify received value
  if (isExplicable(receivedType)) {
    message += `with value ${styleValue(value, receivedType)}.`
  }
  return message
}