getSlotName() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ getSlotName() — vue Function Reference

Dependency Diagram

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