Function renderElementVNode

packages/server-renderer/src/render.ts:293–368

(
  push: PushFn,
  vnode: VNode,
  parentComponent: ComponentInternalInstance,
  slotScopeId?: string,
)

}

function renderElementVNode(
  push: PushFn,
  vnode: VNode,
  parentComponent: ComponentInternalInstance,
  slotScopeId?: string,
) {
  const tag = vnode.type as string
  let { props, children, shapeFlag, scopeId } = vnode
  let openTag = `<${tag}`

  if (props) {
    openTag += ssrRenderAttrs(props, tag)
  }

  const renderedScopeIds: string[] = []
  const appendScopeId = (id: string) => {
    if (
      id &&
      (!props || !hasOwn(props, id)) &&
      !renderedScopeIds.includes(id)
    ) {
      openTag += ` ${id}`
      renderedScopeIds.push(id)
    }
  }

  if (scopeId) {
    appendScopeId(scopeId)
  }
  // inherit parent chain scope id if this is the root node
  let curParent: ComponentInternalInstance | null = parentComponent
  let curVnode = vnode
  while (curParent && curVnode === curParent.subTree) {
    curVnode = curParent.vnode
    if (curVnode.scopeId) {
      appendScopeId(curVnode.scopeId)
    }
    curParent = curParent.parent
  }
  if (slotScopeId) {
    const slotScopeIdList = slotScopeId.trim().split(' ')
    for (let i = 0; i < slotScopeIdList.length; i++) {
      appendScopeId(slotScopeIdList[i])
    }
  }

  push(openTag + `>`)
  if (!isVoidTag(tag)) {
    let hasChildrenOverride = false
    if (props) {
      if (props.innerHTML) {
        hasChildrenOverride = true
        push(props.innerHTML)
      } else if (props.textContent) {
        hasChildrenOverride = true
        push(escapeHtml(props.textContent))
      } else if (tag === 'textarea' && props.value) {
        hasChildrenOverride = true