Inconsistent display of <!--- and --->
Using <!--- and ---> it appears that the closing version is displayed as a wide "dashed arrow" (ligature) and the opening version is displayed as is with an opening bracket, exclamation mark and three dashes. Note the three (3) dashes instead of normally 2 dashes. I am not sure if this is a bug, but I would expect some form of consistency in both.

Thanks! This could be fixed
This is also an issue with empty HTML comments
E.g in our Vue test snapshots we have: <!--v-if--> and <!---->. The first uses the <!-- ligature but the second is <! and the infinite arrow ligature ---->
Thanks! I’ll just include <!- into infinite arrows system so all cases should start to work