getInvalidTypeMessage() — vue Function Reference

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

Function typescript CoreRuntime Observer calls 3 called by 1

Entity Profile

CoreRuntime→ Observer→ getInvalidTypeMessage() — vue Function Reference

Dependency Diagram

graph TD
  35418adf_f9d4_27f6_03a5_03e0f0412d8d["getInvalidTypeMessage()"]
  e8576a88_2e85_86ff_b2f9_bbbb6de70a51["props.ts"]
  35418adf_f9d4_27f6_03a5_03e0f0412d8d -->|defined in| e8576a88_2e85_86ff_b2f9_bbbb6de70a51
  d12d8448_7216_80ce_8a3d_b515beeca7cf["assertProp()"]
  d12d8448_7216_80ce_8a3d_b515beeca7cf -->|calls| 35418adf_f9d4_27f6_03a5_03e0f0412d8d
  1efc38b2_ac71_0b3b_a32e_37cdf56434ec["isExplicable()"]
  35418adf_f9d4_27f6_03a5_03e0f0412d8d -->|calls| 1efc38b2_ac71_0b3b_a32e_37cdf56434ec
  834f3fda_2930_eb37_e55c_e6a69ff27bd6["isBoolean()"]
  35418adf_f9d4_27f6_03a5_03e0f0412d8d -->|calls| 834f3fda_2930_eb37_e55c_e6a69ff27bd6
  fd0e8569_a46a_9d23_b6b1_4f98e398bd31["styleValue()"]
  35418adf_f9d4_27f6_03a5_03e0f0412d8d -->|calls| fd0e8569_a46a_9d23_b6b1_4f98e398bd31
  style 35418adf_f9d4_27f6_03a5_03e0f0412d8d 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
}