Prettier config for SvelteKit projects with Tailwind CSS and Svelte plugin support.
npm install -D prettier prettier-plugin-svelte prettier-plugin-tailwindcss @anuarhdz/prettier-sveltekit
Option A — via package.json (no config file needed):
{
"prettier": "@anuarhdz/prettier-sveltekit"
}
Option B — via prettier.config.js (to extend or add project-specific options):
import baseConfig from "@anuarhdz/prettier-sveltekit"
export default {
...baseConfig,
tailwindStylesheet: "./src/routes/+layout.css",
}
tailwindStylesheetis project-specific (path varies per project) so it is not included in the base config.
| Option | Value |
|---|---|
useTabs |
false |
singleQuote |
false |
trailingComma |
"es5" |
semi |
false |
printWidth |
90 |
bracketSameLine |
true |
svelteBracketNewLine |
true |
plugins |
prettier-plugin-svelte, prettier-plugin-tailwindcss |
overrides |
*.svelte → parser: "svelte" |
tailwindFunctions |
cva, cx, cn, tv, clsx |