use vetur for files with extention other than `.vue`

I want to use vetur for files with extension .wpy instead of .vue. How to achieve this?

[lzl124631x]

I frankly don’t think it’s a good idea to limit Vetur to .vue files. There are variants of files using vue syntax but with other extention names. The one I’m using is .wpy (wepy) which uses vue syntax but is targeting WeChat App. Apparently there are other cases as well for example the one mentioned in https://github.com/vuejs/vetur/issues/1616. I don’t see https://github.com/vuejs/vetur/issues/2573#issuecomment-747184865 as related because that specific to file associations.

I was using Vetur for .wpy fine before 0.22.4 (including) https://github.com/vuejs/vetur/issues/1491. I don’t see benefit of limiting to .vue file.

[yoyo930021]

@mashirozx @lzl124631x I can read Chinese, so I read all the framework documents.

Uni-app is based on Vue and explicitly conforms to Vue SFC spec in their document. I will consider accepting PR, but we don’t maintain different Vue parts. I will indicate this in the document and close the invalid issue.

wepy is using .wpy. See code sample in doc mpx is using .mpx. Example

In their document, it is only a framework and like Vue syntax. Ref: 类 Vue 开发风格 There is a big gap in many parts of the actual. I don’t think vetur can provide any practical help.

But just allowing Vetur to do syntax highlighting can benefit lots of those devs using those Vue variants. The investment for us would be minimal, just allowing them to configure the supported file extentions. And the return is way greater – all those devs will appreciate it.

If you only want syntax highlighting, you can copy vue syntax highlighting and open a new project. Here: https://github.com/vuejs/vetur/tree/master/syntaxes

Or set files.associations in vscode, syntax highlighting is work in vetur. Maybe try https://github.com/znck/vue-developer-experience/tree/main/extensions/vscode-vue