svelte.svelte-vscode won't format CSS files

[mjswensen]

Describe the bug

The README for the VS Code extension states that it supports formatting CSS (via Prettier). However, VS Code reports that the extension cannot format CSS files.

Reproduction

1. Install the Svelte for VS Code extension
2. Configure the following in your VS Code settings:

{
	"editor.defaultFormatter": "svelte.svelte-vscode",
	"editor.formatOnSave": true
}

3. Author a vanilla CSS file with poor formatting:

html,
body {
	font-size: 12px;
	background-color: slategray;


}

4. Save the file; note that it does not get formatted
5. Open the command palette and select "Format Document"; see the error "Extension 'Svelte for VS Code' is configured as formatter but it cannot format 'CSS'-files"

Expected behaviour

From the README, I expected svelte.svelte-vscode to be able to format these file types (using Prettier under the hood):

• *.svelte
• *.css
• *.js
  • *.json (since it is essentially a subset of JavaScript)
• *.html

System Info

• OS: macOS 12.3.1
• IDE: VS Code version: 1.66.2 (Universal)
• Svelte for VS Code version: v105.16.0

Which package is the issue about?

Svelte for VS Code

Additional Information, eg. Screenshots

No response

[jasonlyu123]

All of the features mentioned in the svelte VSCdode Readme are the features within a svelte file. Like CSS is for the style tag in a svelte file.

[mjswensen]

I see, thanks for the clarification @jasonlyu123 .