How to install ESLint with the new flat configuration + Prettier without dying

.prettierrc

{
	"useTabs":  false,
	"semi":  true,
	"singleQuote":  true,
	"jsxSingleQuote":  true,
	"trailingComma":  "es5",
	"endOfLine":  "lf"
}

createViteProject.sh

# We create the vite project first

npm create vite@latest

eslint.config

{
		rules: {
			"react/react-in-jsx-scope":  "off",
		}
}

eslint.config.js

import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended"; 

// ^ This is how we import the recommended configs

export default [
	// previous configs,
	eslintPluginPrettierRecommended, // << This has to go at the end of the array... before the rules object
	{
		rules: {
			"react/react-in-jsx-scope":  "off",
			// ...
		}
	}
]

installESLint.sh

# ESLint installation

npm init @eslint/config@latest

installPrettier.sh

# Installing prettier

npm install -D prettier eslint-plugin-prettier eslint-config-prettier