would swallow the rest of the file " Its block comment carries "extend", which would let one stray "/*" escape " every containing region below. Both are redefined bounded; the cost is " generic-call coloring inside script blocks. silent! syn clear typescriptTypeArguments silent! syn clear typescriptComment syn region typescriptComment contained start="/\*" end="\*/" contains=@Spell,typescriptCommentTodo " Everything an embedded TypeScript expression may contain. The bracket " pairs keep an outer region open across nested delimiters and shield the " spaces inside groupings from attribute-value termination: " a={ b: { c: 1 } } d=2 " Without the matchgroup each region would re-match at its own start " character through its own contains and consume the closing delimiter. " markoTSDelim is deliberately unlinked: the delimiters render as plain " text, like brackets in a TypeScript buffer. syn cluster markoExpr contains=@markoTS,markoTSBraces,markoTSParens,markoTSBrackets syn region markoTSBraces contained transparent matchgroup=markoTSDelim \ start="{" end="}" \ contains=@markoExpr extend syn region markoTSParens contained transparent matchgroup=markoTSDelim \ start="(" end=")" \ contains=@markoExpr extend syn region markoTSBrackets contained transparent matchgroup=markoTSDelim \ start="\[" end="]" \ contains=@markoExpr extend " Comments are recognized where the parser allows text to start; anchoring " to the line start keeps "//" inside URLs as text: " // note /* note */ https://example.com syn region markoComment start="" contains=@Spell fold syn match markoComment "^\s*//.*$" contains=@Spell display syn region markoComment start="^\s*/\*" end="\*/" contains=@Spell fold syn region markoTagComment contained start="/\*" end="\*/" syn match markoTagComment contained "//.*" syn region markoCData start="" " Declarations; "" may close with ">" or "?>": " syn region markoDeclaration start="" syn region markoDeclaration start="" " Placeholders interpolate into text, and backslashes escape pairwise: " ${user.name} $!{rawHtml} \${literal} \\${live} " The containedin lets them apply inside style rules and property values. " markoEscape must never take "display": it exists to suppress " markoPlaceholder, so skipping it during state computation would change " what matches. syn match markoEscape "\%(\\\\\)\+\ze\$!\={" syn match markoEscape "\%(\\\\\)*\\\$!\={" syn region markoPlaceholder matchgroup=markoPlaceholderDelim \ start="\$!\={" end="}" \ contains=@markoExpr containedin=cssDefinition,cssAttrRegion extend syn match markoEntity "&\%(#\d\+\|#[xX]\x\+\|\w\+\);" display " Scriptlets; the whitespace after "$" is required, so a line-start " placeholder is not a scriptlet: " $ count += 1 " $ { let total = 0; } " ${count} placeholder syn region markoScriptlet matchgroup=markoScriptletDelim \ start="^\s*\$\s\+{\@!" end="$" \ contains=@markoExpr keepend syn region markoScriptlet matchgroup=markoScriptletDelim \ start="^\s*\$\s\+{" end="};\=" \ contains=@markoExpr " "--" marks one line of text in concise mode: " p -- some text syn match markoBlockDelim "\%(^\|\s\)\@1<=--\+\ze\%(\s\|$\)" display " Attributes. An unquoted value ends at whitespace (quoted strings and " bracket pairs shield theirs), does not start at the "=" of an arrow, and " continues across " => " so arrow values stay whole: " size="large" total:=sum ...spread onClick=(e) => handle(e) " The attr name must not match the "${" of a dynamic tag name. syn match markoAttrName contained "\%(\$!\={\)\@![[:alnum:]_$@][-[:alnum:]_$.]*" display syn match markoSpread contained "\.\.\." display syn region markoAttrValue contained matchgroup=markoOperator \ start=":\==>\@!\s*" end="\ze\%(\%(=>\)\@2\)\@!\|=\@1\|/>\)" end="$" \ contains=@markoExpr syn region markoString contained start=+\z(["']\)+ skip=+\\\z1+ end=+\z1+ contains=@Spell " Shorthands after the tag name: " syn match markoShorthandId contained "#[-[:alnum:]_$]\+" display syn match markoShorthandClass contained "\.[-[:alnum:]_$]\+" display " Tag variables, arguments, |parameters|, and attribute method " shorthand bodies: " " >