Vue syntax highlighting breaking

[sidntrivedi012]

First of all, thanks a lot for this awesome project 🙌 . Its really amazing and easy to use. 💯

Describe the bug

I have to highlight a .vue file which also has a scss code and a template block as well. On, using chroma, it uses the vue lexer and thus, the output starts to disrupt from the scss block.

To Reproduce

The chroma playground seems to be down, else would have pasted its link here.

1. Here's the part of the code where it breaks (after the v-if) -

   
       <octicon name="test" class="mr-2 octicon-spin" v-if="loading > 0"></octicon>
       <span v-if="loading > 0">Adding response</span>
       <span v-else>Confirm and add</span>
     </button>
   </div>
   </modal>
   </template>

Githubissues.

Githubissues is a development platform for aggregating issues.