Using useSortedClasses with Svelte

[beeb]

Has anyone managed to have the useSortedClasses lint work with svelte files? I have plenty of tailwind classes in random order but the lint never fires.

Config:

{
	"$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
	"organizeImports": {
		"enabled": true
	},
	"formatter": {
		"enabled": true,
		"lineWidth": 120
	},
	"javascript": {
		"formatter": {
			"quoteStyle": "single",
			"semicolons": "asNeeded"
		}
	},
	"linter": {
		"enabled": true,
		"rules": {
			"nursery": {
				"useSortedClasses": "error"
			}
		}
	},
	"overrides": [
		{
			"include": ["*.svelte"],
			"linter": {
				"rules": {
					"style": {
						"useConst": "off"
					}
				}
			}
		}
	]
}

[ematipico]

I believe you missed the documentation that explains the partial support of svelte files: https://biomejs.dev/internals/language-support/#html-super-languages-support

[beeb]

Got it, so it only lints the part where there are no HTML classes, and doesn't lint .html files either. So it's mostly a lint for React then?

[notramo]

It's currently only for frameworks which use JSX e.g. Solid, Qwik, and React. However, Svelte adds custom HTML syntax, so it's not supported yet.