As title says, when I format HTML files using prettier all my single quotes change to double quotes, but it works well in JavaScript or TypeScript files keeping the single quotes.
I managed to set emmet abbreviation to put single quotes in HTML but when I format they go back to doubles.
Any help will be appreciated!!
My settings.json looks like this:
"workbench.colorTheme": "Andromeda",
"editor.fontFamily": "'Cascadia Code', Consolas, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.fontWeight": "bold",
"javascript.preferences.quoteStyle": "single",
"typescript.preferences.quoteStyle": "single",
"html.completion.attributeDefaultValue": "singlequotes",
"emmet.syntaxProfiles": {
"svelte": "html",
"typescript": "html",
"javascriptreact": "html",
"typescriptreact": "html",
"html": {
"attr_quotes": "single",
"self_closing_tag": true
}
},
"emmet.includeLanguages": {
//"svelte": "html",
"typescript": "html",
"javascriptreact": "html",
"typescriptreact": "html"
//"javascript": "javascriptreact"
},
"emmet.triggerExpansionOnTab": true,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.bracketSpacing": false,
"prettier.jsxSingleQuote": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"prettier.useEditorConfig": false,
"prettier.singleQuote": true,
"editor.formatOnSave": true
}```