Function stringifyVueComponent

packages/extension/utils/component.ts:325–362

(
  component: DevComponent,
  indentLevel = 0,
  isInline?: (tag: string) => boolean
)

}

function stringifyVueComponent(
  component: DevComponent,
  indentLevel = 0,
  isInline?: (tag: string) => boolean
) {
  return stringifyBaseComponent(
    component,
    (key, value) => {
      const eventName = getEventName(key)
      if (eventName) {
        const callback = typeof value === 'string' ? looseEscapeHTML(value) : '() => {}'
        return `@${camelToKebab(eventName)}="${callback.trim()}"`
      }

      const name = key === 'className' ? 'class' : camelToKebab(key)

      if (typeof value === 'string') {
        return `${name}="${escapeHTML(value).trim()}"`
      }

      if (typeof value === 'boolean') {
        return value ? name : `:${name}="false"`
      }

      if (typeof value === 'object' && value != null) {
        const pruned = prune(value)
        if (pruned == null) {
          return ''
        }
        return `:${name}="${looseEscapeHTML(stringify(pruned)).trim()}"`
      }

      return `:${name}="${looseEscapeHTML(stringify(value)).trim()}"`
    },
    indentLevel,
    isInline
  )
}

function stringifyJSXComponent(
  component: DevComponent,