getSlotName() — vue Function Reference

Architecture documentation for the getSlotName() function in index.ts from the vue codebase.

Function typescript VueCore Observer called by 1

Entity Profile

VueCore→ Observer→ getSlotName() — vue Function Reference

Dependency Diagram

graph TD
  2c85c13e_74a7_e9e4_fae5_f29d584e3acf["getSlotName()"]
  101d3d34_ac07_228f_62b9_5d5ac4a0ea2e["index.ts"]
  2c85c13e_74a7_e9e4_fae5_f29d584e3acf -->|defined in| 101d3d34_ac07_228f_62b9_5d5ac4a0ea2e
  0fe86055_18c1_a749_5110_c7eddeeef79e["processSlotContent()"]
  0fe86055_18c1_a749_5110_c7eddeeef79e -->|calls| 2c85c13e_74a7_e9e4_fae5_f29d584e3acf
  style 2c85c13e_74a7_e9e4_fae5_f29d584e3acf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 732–746

function getSlotName(binding) {
  let name = binding.name.replace(slotRE, '')
  if (!name) {
    if (binding.name[0] !== '#') {
      name = 'default'
    } else if (__DEV__) {
      warn(`v-slot shorthand syntax requires a slot name.`, binding)
    }
  }
  return dynamicArgRE.test(name)
    ? // dynamic [name]
      { name: name.slice(1, -1), dynamic: true }
    : // static name
      { name: `"${name}"`, dynamic: false }
}