core/packages/compiler-vapor/src/transforms/vBind.ts

import {
  createCompilerError,
  createSimpleExpression,
  ErrorCodes,
} from '@vue/compiler-core'
import { camelize } from '@vue/shared'
import { IRNodeTypes } from '../ir'
import type { DirectiveTransform } from '../transform'

export const transformVBind: DirectiveTransform = (dir, node, context) => {
  let { arg, exp, loc } = dir

  if (!arg) {
    // TODO support v-bind="{}"
    return
  }
  if (!exp) {
    // shorthand syntax https://github.com/vuejs/core/pull/9451
    const propName = camelize(arg.content)
    exp = createSimpleExpression(propName, false, arg.loc)
    exp.ast = null
  }

  if (!exp.content.trim()) {
    context.options.onError(
      createCompilerError(ErrorCodes.X_V_BIND_NO_EXPRESSION, loc),
    )
    context.template += ` ${arg.content}=""`
    return
  }

  context.registerEffect(
    [exp],
    [
      {
        type: IRNodeTypes.SET_PROP,
        loc: dir.loc,
        element: context.reference(),
        name: arg,
        value: exp,
      },
    ],
  )
}