[DEV]: Add IDE configuration to ensure consistent development experience

[rookie-orange]

When I format the code, all single quotes are automatically converted to double quotes. However, this causes ESLint errors in the project. Should we consider syncing the IDE settings (e.g. .vscode/settings.json) so the formatting is consistent with the ESLint rules?

[chouchouji]

I think we can use some formatter tools like prettier or biomejs.

[rookie-orange]

The ESLint configuration in the project is from @directus/eslint-config. We might be able to add some configurations in the .vscode/settings.json file, for example:

"prettier.enable": false,
"editor.formatOnSave": false,

"editor.codeActionsOnSave": {
	"source.fixAll.eslint": "explicit",
	"source.organizeImports": "never"
},

[rijkvanzanten]

I'm always a little conflicted. I'm the type of person who adds custom per-project settings (like for https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock) that I don't want to force on others, but at the same time it's the best way to add config to use for everyone. Wanna go ahead and shoot in a PR for this @rookie-orange?

@chouchouji this project is bootstrapped with tsdown which sets up eslint by default following the learnings presented in https://antfu.me/posts/why-not-prettier

[rookie-orange]

Got it! Thanks for clarifying — I’ll submit a PR for this.

[rijkvanzanten]

Closed in #25