[WEB-69556] Better support for Vue template

[ZYong9908]

在webstorme中编辑.vue文件，原生HTML标签颜色改变正常，自定义组件/第三方ui组件只会改变尖括号颜色，不会改变标签名称颜色

[izhangzhihao]

pls provide a sample code so I can re-produce it.

[ZYong9908]

you can use the example to re-produce in any VUE project:

<script>
import test_sec from './test_sec.vue'
export default {
  name: 'test_main',
  components: { test_sec }
}
</script>

<template>
<div>
  <test_sec></test_sec>
</div>
</template>

<script>
export default {
  name: 'test_sec'
}
</script>

<template>
<div>test</div>
</template>

[izhangzhihao]

Related to #2645 , I can reproduce it in my IDE now, because of the template tag and others cannot be recognized as HTML/XML syntax, I will try to support this later.

[ZYong9908]

thanks, looking forward to updates Zhihao Zhang ***@***.***> 于 2024年1月19日周五 18:36写道：

…

Related to #2645 <#2645> , I can reproduce it in my IDE now, because of the template tag and others cannot be recognized as HTML/XML syntax, I will try to support this later. — Reply to this email directly, view it on GitHub <#2704 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AKQKC66LCZQ2HBE54KRQ6PTYPJED5AVCNFSM6AAAAABCBHAOCCVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4DCNZZHA4TE> . You are receiving this because you authored the thread.Message ID: <izhangzhihao/intellij-rainbow-brackets/repo-discussions/2704/comments/8179892 @github.com>

[izhangzhihao]

I did some testing here:

1. sometimes it seems to work fine but sometimes does not :

2. change the file type or file extension to XML the highlight works as expected: (so there is nothing wrong with the HTML/XML highlighter)

3. so I downloaded the Vue plugin, and unzipped it, I found VueFileHighlighter inside the plugin, it works like the HTML highlighter but did some extra highlighting for the Vue files. I guess when doing Vue highlighting, this plugin may conflict with the Vue plugin. So it may looks like sometimes works sometimes does not.

4. I didn't find any way to config the Vue plugin to stop highlighting Vue template keywords but I will keep an eye on this.

[ZYong9908]

this is similar to my guess, if i find anything useful i will share it here