Skip to content

🐛 BUG: Incorrect syntax highlighting for backtick prop values in JSX expressions #661

Open
@bluwy

Description

@bluwy

Describe the Bug

image

Backtick prop values isn't correctly highlighted if they're inside expression blocks { }. They work if outside of it.

Steps to Reproduce

  1. npm init astro using template basics
  2. Paste {import.meta.env.PROD && <div class=`${title} foo`></div>} inside Layout.astro
  3. Observe it isn't highlighted properly

Metadata

Metadata

Assignees

No one assigned

    Labels

    - P3: minor bugAn edge case that only affects very specific usage (priority)feat: syntaxIssue in our syntax highlighting (scope)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions