SvelteKit from prettier to biome: inconsistencies

[frederikhors]

I'm using prettier (unfortunately) in a SvelteKit project, with this .prettierrc file:

{
	"useTabs": true,
	"singleQuote": true,
	"trailingComma": "none",
	"printWidth": 100,
	"plugins": [
		"prettier-plugin-svelte",
		"prettier-plugin-tailwindcss"
	],
	"overrides": [
		{
			"files": "*.svelte",
			"options": {
				"parser": "svelte"
			}
		}
	]
}

I migrated this file to biome 1.9.4 and with the below biome.json everything works but I'm getting an annoying difference: the indentation!

With prettier the file is like this:

<script lang="ts">
	import { something } from 'somewhere';
	import { something } from 'somewhere';
	import { something } from 'somewhere';

    
    type Props = {
        // something
    }
</script>

with Biome now it is like this:

<script lang="ts">
import { something } from 'somewhere';
import { something } from 'somewhere';
import { something } from 'somewhere';


type Props = {
    // something
}
</script>

Why?

Configuration

{
	"$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
	"vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": true },
	"files": { "ignoreUnknown": false, "ignore": [] },
	"formatter": {
		"enabled": true,
		"lineWidth": 100,
	},
	"linter": { "enabled": false },
	"javascript": {
		"formatter": {
			"quoteStyle": "single",
			"trailingCommas": "none"
		}
	},
	"overrides": [{ "include": ["*.svelte"] }]
}

Code of Conduct

• I agree to follow Biome's Code of Conduct

[ematipico]

This is a known limitation

[frederikhors]

Can I ask you why is that?

[dyc3]

We currently just process the js sections because our HTML parser isn't ready yet.

[olafurw]

We currently just process the js sections because our HTML parser isn't ready yet.

Is there a place where I can monitor the status of the HTML parsing? I'd love to fully switch over to Biome for a pretty large Svelte project I have.