Highlighting ERB examples incorrectly

[colebemis]

Information

• Language: ERB
• Plugins: none

Description

Prism seems to be having trouble parsing more complicated ERB examples. Here's a ViewComponents example that it's parsing incorrectly:

If it helps, here's a link to the PR where I introduced ERB syntax highlighting into my project: primer/doctocat#203

Code snippet

The code being highlighted incorrectly.

<div style="padding-left: 60px">
  <%= render(Primer::TimelineItemComponent.new) do |component| %>
    <% component.slot(:avatar, src: "https://github.com/github.png", alt: "github") %>
    <% component.slot(:badge, bg: :green, color: :white, icon: :check) %>
    <% component.slot(:body) { "Success!" } %>
  <% end %>
</div>

[RunDevelopment]

That's because you are using Ruby to highlight the snippet instead of ERB. With ERB, the snippet is highlighted just fine. See for yourself here.