I'm really not sure what to do, but this is pissing me off greatly. I'm using VS Code with my Angular projects at work, and had things set to use single quotes and no semi-colons. Now, after closing the editor, and re-opening it, with my project, it's changing my code files on save to double quotes and adding semi-colons. I'm using Prettier to handle the formatting as well. This has been untouched for over a year, and now it decides to start screwing with my formatting. My settings.json is below:

{
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "editor.formatOnSave": true,
    "editor.formatOnSaveTimeout": 1000,
    "editor.tabSize": 2,
    "files.trimTrailingWhitespace": true,
    "git.autofetch": true,
    "prettier.jsxBracketSameLine": true,
    "prettier.printWidth": 120,
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "typescript.preferences.quoteStyle": "single",
    "workbench.colorTheme": "Material Theme Palenight High Contrast"
}

Can anyone help get this working again? Thanks.

Update: I've determined that the issue is with the Prettier extension [v3.8.0]. I tried disabling the extension initially, and formatting was still not working correctly. I then decided to try installing the previous version [v3.7.0] (it's possible it got updated when I restarted the editor), and it started working again. I did notice in the output window, with Prettier selected, most of my settings were missing in v3.8.0. In version 3.7.0, the output when formatting looks like this:

[INFO - 9:36:18 AM] Formatting <Redacted>.component.spec.ts.
[INFO - 9:36:18 AM] Using bundled version of prettier.
[INFO - 9:36:18 AM] Resolved ignore file to <redacted>\.prettierignore.
[INFO - 9:36:18 AM] File Info:
{
  "ignored": false,
  "inferredParser": "typescript"
}
[INFO - 9:36:18 AM] Prettier Options:
{
  "arrowParens": "avoid",
  "bracketSpacing": true,
  "endOfLine": "auto",
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxBracketSameLine": true,
  "jsxSingleQuote": false,
  "printWidth": 120,
  "proseWrap": "preserve",
  "quoteProps": "as-needed",
  "requirePragma": false,
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "none",
  "useTabs": false,
  "vueIndentScriptAndStyle": false,
  "filepath": "<redacted>.component.spec.ts",
  "parser": "typescript"
}
[INFO - 9:36:18 AM] Formatting completed in 28.423ms.

In version 3.8.0, the output when formatting shows this:

[INFO - 9:39:45 AM] Formatting <redacted>.component.spec.ts.
[INFO - 9:39:45 AM] Using bundled version of prettier.
[INFO - 9:39:45 AM] Resolved ignore file to <redacted>\.prettierignore.
[INFO - 9:39:45 AM] File Info:
{
  "ignored": false,
  "inferredParser": "typescript"
}
[INFO - 9:39:45 AM] Prettier Options:
{
  "filepath": "<redacted>.component.spec.ts",
  "parser": "typescript",
  "useTabs": false,
  "tabWidth": 2
}
[INFO - 9:39:45 AM] Formatting completed in 21.654699ms.

Update 2: It looks like both version 3.7.0 and 3.8.0 were released on the same day, one right after the other. Version 3.7.0 works correctly, while version 3.8.0 does not.

I'm working with vue, but this keeps happening to all my .vue files. I have the vetur extension + prettier + eslint. Eslint fixes the double quotes to single quotes but I think either prettier or vetur is overwriting it. I may be missing one of the webpack files but I have no idea which one, or if I actually AM missing a file.

I've tried to add:

{
    "vetur.format.defaultFormatter.js": "prettier-eslint", 
    "eslint.validate": [ 
        { "language": "vue", "autoFix": true }, 
        { "language": "javascript", "autoFix": true } ], 
    "eslint.autoFixOnSave": true 
}

in a .prettierrc file as suggested by one of the solutions I found but it doesn't work for me. Idek what else to do, I'm pretty new to vue.