flex flex-shrink-0 flex-row items-center font-medium ${props.className} ${buttonColor} ${buttonSize}
becomes
flex flex-shrink-0 flex-row items-center font-medium ${props.className}${buttonColor}${buttonSize}
(there's no space between the computed items)
Note: I don't know how to enable useSortedClasses
in the playground, so the playground link has the code, but the formatted ver is fine because it's not enabled.
{
"$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
"organizeImports": {
"enabled": true
},
"formatter": {
"enabled": true,
"indentStyle": "space",
"lineWidth": 120,
"ignore": [
"node_modules/*",
"*.config.*",
"*.json",
"tsconfig.json",
".turbo/*",
".next/*",
"dist/*",
".pnpm-store/*"
]
},
"linter": {
"enabled": true,
"ignore": ["dist/*", ".pnpm-store/*", "packages/portal-client/*", ".next/*", ".turbo/*"],
"rules": {
"a11y": {
"noSvgWithoutTitle": "off"
},
"performance": {
"noDelete": "off"
},
"complexity": {
"useLiteralKeys": "off",
"noStaticOnlyClass": "off"
},
"correctness": {
"noUnusedImports": "error",
"useExhaustiveDependencies": "warn"
},
"suspicious": {
"noImplicitAnyLet": "off",
"noExplicitAny": "off",
"noDebugger": {
"level": "warn",
"fix": "none"
}
},
"nursery": {
"useSortedClasses": "warn"
},
"recommended": true
}
}
}
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
You're funding impactful open source efforts
You want to contribute to this effort
You want to get funding like this too