getSlotName() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor called by 1

Entity Profile

CompilerSFC→ StyleProcessor→ getSlotName() — vue Function Reference

Dependency Diagram

graph TD
  a557503a_47cd_7de8_d877_9b2de980e37a["getSlotName()"]
  320ee0f4_351d_a6b2_1c1c_f0f6f42fb987["index.ts"]
  a557503a_47cd_7de8_d877_9b2de980e37a -->|defined in| 320ee0f4_351d_a6b2_1c1c_f0f6f42fb987
  b1c7f848_3443_6284_06d1_dfc620ebd2c4["processSlotContent()"]
  b1c7f848_3443_6284_06d1_dfc620ebd2c4 -->|calls| a557503a_47cd_7de8_d877_9b2de980e37a
  style a557503a_47cd_7de8_d877_9b2de980e37a 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 }
}