This is simpler syntax than JSX?

Vue:

  <v-chip v-if="manager.department == 'Engineering'" color="primary" text-color="white" small>{{ manager.department }}</v-chip>

JSX:

  if (manager.department == 'Engineering') {
    return <VChip color="primary" text-color="white" small>{manager.department}</VChip>
  }

I dunno about you but I grok code that uses whitespace, braces, and parenthesis to identify branching logic way faster than tag attributes.