Our development team utilizes a repository that houses a .vscode/settings.json file containing the essential settings for our local workspace. In our work with Vue, we have integrated the Vue extension along with the ESLint extension for JavaScript. The configuration in the settings is structured as follows:
{
"editor.formatOnSave": true,
"files.insertFinalNewline": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"[javascript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
...
}
Upon saving a vue file, ESLint removes semicolons from imports while the Vue extension reintroduces them, even though they should not be included. Modifying the defaultFormatter for Vue files is challenging due to file sharing among developers, who do not experience this issue.
If anyone has insights on troubleshooting this problem, I would greatly appreciate it. I have attempted removing and reinstalling extensions without success.