getSlotName() — vue Function Reference

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

Function typescript TemplateCompiler HTMLParser called by 1

Entity Profile

TemplateCompiler→ HTMLParser→ getSlotName() — vue Function Reference

Dependency Diagram

graph TD
  5fcbfe87_6a4c_186f_fde9_3c764f94bce0["getSlotName()"]
  a805e141_5683_4910_efc8_e49b792fbae3["processSlotContent()"]
  a805e141_5683_4910_efc8_e49b792fbae3 -->|calls| 5fcbfe87_6a4c_186f_fde9_3c764f94bce0
  style 5fcbfe87_6a4c_186f_fde9_3c764f94bce0 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 }
}