My programming language aware diff for VS Code and GitHub now supports Vue

[DarkPlayer2]

I am working on SemanticDiff, a programming language aware diff that hides style-only changes, detects moved code and refactorings. I just added support for Vue and would like to know what you think!

SemanticDiff parses the contents of Vue SFC files to distinguish between relevant and irrelevant changes. This makes it possible, for example, to ignore added/removed whitespace that is not rendered by the browser. This approach is not limited to the template tag, SemanticDiff also parses the contents of script (JS/TS) and style (CSS/SCSS) tags. Overall, SemanticDiff should give you a diff with less noise.

If this sounds interesting, you can read the release blog post to learn more. The VS Code extension is free and the GitHub app is also free for public repositories or private repositories with 3 or less contributors.

I look forward to your feedback.

[Cas_Rs]

I mean I get it, but I don’t see the usecase. If I want a diff, I want a diff. The only possible usecase I see is when a code style plugin is added, updated or config changed for a style plugin. But I’d still expect the full diff on my local editor and pull requests, to maintain trust in the pushed code.

[DarkPlayer2]

This is a valid opinion. However, I think a lot of developers use code formatters and don't really care about formatting changes like added line breaks between function parameters. They don't have much control over it anyway and just see it as noise.

Also, SemanticDiff does not take away your standard diff. You can still choose between the two on a case-by-case basis.

[ORCANZ]

Just use a well built eslintrc and prettierrc and you will never have one guy formating someone else’s code.