Format astro and svelte files in vscode

[hannesknoll]

How can I configure vscode to format astro and svelte files with deno?

Currently I'm using the cli deno fmt --unstable-components src/, but having vscode autoformatting would be more ergonomic.

Thanks in advance!

[bartlomieju]

You need to have deno.json that enables fmt-sql unstable feature:

{
  "unstable": [
    "fmt-sql"
   ]
}

then you'll need to specify this in your .vscode/settings.json:

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

[hannesknoll]

Thanks for the answer. I've configured vscode and deno as described, but somehow it still doesn't work for me. Formatting SQL, Svelte or Astro with deno results in these popups.
However, when proceeding with "Configure", deno does not show up as an option.

[bartlomieju]

Ooops, it should actually be fmt-component for Astro/Svelte files.

For the second part I'm gonna ping @nayeemrmn - are we not supporting it yet in vscode_deno?

[hannesknoll]

Just wanted to ask if there are any updates on this topic?
@nayeemrmn

[nanoz]

You could also selectively choose which formatter you want per extension.

Here is an example: https://github.com/KataLean/template-deno-astro/blob/main/.vscode/settings.json