Support Vue.js Single File Components

[sonarsource]

Support Vue.js Single File Components

[inverno]

Hi @Daniel1989 ,
thanks for bringing this up, currently we are considering to parse the javascript code inside the .vue <script> tag so that we could analyse it like any other js code sitting in a .js file. What do you think?

[saberduck]

@kamontat yes, it is supported. This debug message you are seeing is coming from the new parser, but it's not relevant for the analysis.

[andirdju]

while this is in progress, I think we can use this guide as workaround,

https://vuejs.org/v2/guide/single-file-components.html#What-About-Separation-of-Concerns

externalize the js file from the vue file.

[Jiangmx]

It is great for us too

[pwang2]

I just tested with latest version v6.5 sonarqube on my local, it works as expected. it seems the LTS version we used with CI was using an old version of SonarJs. Sorry for the confusion and thank you for help.

[Daniel1989]

Hi @inverno ,
Thanks for your reply, I think your idea is great for me. Could I know when this feature will be available?

[inverno]

@Daniel1989
We are considering this feature for next iteration. As soon as it enters an iteration you'll see it here.
Pull requests, of course, are always welcome :-)

[Daniel1989]

@inverno Great thanks！

[inverno]

Reopening this. We'll close it when implemented :)

WIll be better for support ES6 syntax(ts as next feature).

A lot of projects used *.vue extension. Thanks

[vilchik-elena]

• add some vue files to Ruling IT

[pwang2]

@vilchik-elena , any update for the feature availability?

[inverno]

@pwang2 it's been completed and released in SonarJS 3.1, see the milestone : https://github.com/SonarSource/sonar-javascript/milestone/4?closed=1

[pwang2]

From the link in the repo description, I only see jsx support not vue. I have sonarjs 3.1.1 installed and even after setup suffixes, still is in my vue file is ingored. Did I miss anything here? Thanks!

[inverno]

@pwang2 indeed we did not add .vue to the supported frameworks list, but that's just text. The .vue suffix is pre-configured in 3.1.1 and I just analyzed https://github.com/vuejs-templates/webpack-simple (which contains a .vue file) without any extra configuration.
Mind to provide the log of the analysis, the configuration you are using and maybe a sample .vue file that is failing to be analyzed?

[inverno]

@pwang2 no problem, good to know that it works for you

[kamontat]

Is it support VueJS? Why is still have skip Vue files ??

Skipping analysis of Vue.js file <path>/default.vue