Prettier indentation not working/overrides.

Hello, I use the John Papa Angular essentials package. I like my editor to have indentations of 4 spaces. My editor was set at 4 spaces, and when I downloaded angular essentials (I believe) Prettier overrides that.

My settings:

{
    "editor.fontSize": 14,
    "editor.insertSpaces": true,
    "window.zoomLevel": 1,
    "editor.detectIndentation": false,
    "workbench.iconTheme": "material-icon-theme",
    "editor.tabSize": 4
}

I tried adding the prettier settings to keep up with the tabSize:

{
    "editor.fontSize": 14,
    "editor.insertSpaces": true,
    "window.zoomLevel": 1,
    "editor.detectIndentation": false,
    "workbench.iconTheme": "material-icon-theme",
    "editor.tabSize": 4,
    "prettier.tabWidth": 4,
    "prettier.singleQuote": true,
}

After this, my editor still specifies a tab size of 2

and when I click the spaces icon, it says configured tab size is 4. If configured is 4, why is 2 selected everywhere? I can manually click 4, on each file, but if I quit/reload the editor everything is back at 2. How can I fix my formatting?

[jmls]

oh, ok … I seem to have fixed it …

I created a .prettierrc file in the root of my project with the following content

{
	"singleQuote": true,
	"printWidth": 80,
	"editor.formatOnSave": true,
	"proseWrap": "always",
	"tabWidth": 4,
	"requireConfig": false,
	"useTabs": false,
	"trailingComma": "none",
	"bracketSpacing": true,
	"jsxBracketSameLine": false,
	"semi": true
}

and now I get 4 spaces for indentation

[CiGit]

The right setting to have prettier indent with 4 spaces is prettier.tabWidth: 4

@CHBaker We do not read from editor.tabSize. It may be written 2 due to editor.detectIndentation

@jmls editor.formatOnSave is useless in a .prettierrc file. (you may also have a warning about that)