JS syntax coloring of es-template in VScode

Hi , does anyone know a way to color the js inside es-templates?

In Framework7 v5 ( template7) the syntax was {{…}}. I can use handlebars or Vue syntax mode for it.
Now, when I edit the JS part, I switch to JS mode. And switch back to HTML mode for html.

I use Visual Studio IDE and I did the following:

Click on the “Tools” menu.
Select “Options.”
Navigate to “Text Editor.”
Select “File Extension.”
Add the .f7 extension to the list.
In the editor selection dropdown, choose your preferred editor (for example, “HTML Editor”).
Click “OK”

if it doesn’t work, check map extensionless files to HTML Editor

1 Like