Webstorm keyword highlight

  node.js, question

The root of the problem is to solve the problem of vue.js highlighting on webstorm.
Vue.js provides a pair of thoughtful apis:

config.delimiters
config.unsafeDelimiters

For example:

Vue.config.delimiters = [‘@{‘, ‘}’];
Vue.config.unsafeDelimiters=[‘! {‘,’}’];

You can customize the symbol, however, after customization, under webstorm, it is submerged in html and cannot be highlighted.
Do you have any good ideas?

If *.vue is used, webstorm has a plug-in for vue-for-idea