- (fix) force quote style inside style directives
- (fix) preserve commas in array expressions
- (fix) Svelte 5: properly determine end of snippet parameters with TS annotations
- (feat) Svelte 5: never quote single-expression-attributes
- (fix) Svelte 5: format TypeScript in the template
- (fix) speed up regex
- (fix) don't force-self-close
<slot>
tags
- (fix) handle updated
@render
tag AST shape
- (fix) handle updated
@render
tag AST shape
- (feat) format JSON script tags
- (feat) introduce separate entry point using
prettier/standalone
- (fix) don't duplicate comments of nested script/style tags
- (fix) handle updated
Snippet
block AST shape
- (fix) handle
>
tags in attributes
- (fix) handle types on each/await contexts
- (feat) add experimental support for Svelte 5
- (feat) support
#snippet
and@render
- (fix) handle static
tag
attributes on<svelte:element>
- (fix) add
package.json
to exports map
- (fix) support less/scss in style tags
- (breaking) requires
prettier
version 3. This may require adjustments to your configuration file, see the migration guide for more info - (breaking) requires node version 14 or higher
- (breaking) Whether or not empty elements/components should self-close is now left to the user - in other words, if you write
<div />
or<Component />
that stays as is, and so does<div></div>
/<Component></Component>
. IfsvelteStrictMode
is turned on, it will still only allow<div></div>
notation for elements (but it will leave your components alone) - (breaking)
svelteAllowShorthand
now takes precedence oversvelteStrictMode
, which no longer has any effect on that behavior. SetsvelteAllowShorthand
tofalse
to get back the v2 behavior - (breaking) remove deprecated
svelteSortOrder
options
- (chore) mark as compatible with Svelte 4
- (feat) support
requirePragma
andinsertPragma
options (#350) - (feat) support
<svelte:document>
- (feat) trim whitespace in
class
attributes (#339) - (feat) allow multiple comments atop of script/style tags (#291)
- (fix) handle script/style attributes without quotes (#344)
- (feat) support style modifiers (#330)
- (fix) respect strict mode and shorthand options when formatting style/class directives (#328)
- (fix) format
{#await .. catch ..}..{/await}
correctly (#323) - (fix) respect strict mode and shorthand options when formatting bindings (#321)
- (feat) support
singleAttributePerLine
Prettier option (#305) - (feat) add
svelteSortOrder: none
Prettier option which skips reordering scripts/styles/html (#305)
- (feat) Support
<svelte:element>
(#285) - (fix) Respect
htmlWhitespaceSensitivity: 'ignore'
setting in components (#281)
- (feat) Support
{@const}
tag (#272) - (feat) Support
style:
directive (requires Svelte 3.46.1 or later) (#274)
- (fix) Better handling of destructured values with defaults in
{#each}
and{#await}
blocks (#269) - (fix) Prevent
<script>
/<style>
contents from being erased in certain cases (#268) - (fix) Format
{expressions}
inside<pre>
tags (#266)
- (feat) Support
bracketSameLine
option and deprecatesvelteBracketNewLine
(#251) - (fix) Prevent script/style contents from being erased in certain cases (#255)
- (fix) Properly format nested array patterns (#259)
- (feat) Add support for formatting Pug inside
<template>
tags, if the corresponding plugin is available (#248) - (fix) Adjust checks for whether we're inside another tag when snipping tags (#244, #246)
- (fix) More robust check for
hardline
to prevent trailing empty lines in<style>
/<script>
tags (#222)
- (fix) Adjust snip regex to not break commented-out
<script>
/<style>
tags (#212) - (fix) Don't snip
<style>
tags that are inside<script>
tags (#219, #70) - (fix) Better formatting of long attribute values with mustache tags in between (#221)
- (fix) Format properly when using Prettier 2.3.0+ (#222)
- (fix) Keep parentheses in
<script>
tags for which JS is assumed (#218) - (feat) Support range ignores at HTML top level (#225)
- Add support for
<svelte:fragment>
(#213)
- Fix incorrect removal of comment (#207)
- Fix retrieval of comment belonging to
<script>
/<style>
block (#205)
- Don't print an empty line at the end of code embedded inside Markdown (further fixes) (#202)
- Don't print an empty line at the end of code embedded inside Markdown (#202)
- Keep whitespace around
<script>
/<style>
tags (#197) - Make
<script>
/<style>
tag snipping case-sensitive (#198)
- Fix
svelteBracketNewLine: true
sometimes not having>
on a separate line (#194)
- Support Prettier's
htmlWhitespaceSensitivity
setting - When
svelteBracketNewLine
is set totrue
and only the closing tag has whitespace before it, print the closing>
on a separate line
- When
svelteBracketNewLine
is set tofalse
, don't print the closing>
in a separate line if possible (#183)
- Fix formatting of
<template>
tags with an unsupported language inside
- Fix formatting of inline element when there's a line at the start/end (#183)
This release comes with a rewrite of the HTML formatting. The output is now much more in line with how standard Prettier formats HTML. This is also why svelteBracketNewLine
now defaults to true
. Another notable default change is the sort order: svelte:options
is now part of the sort order and the default changed to options-scripts-markup-styles
, which is in line with how the majority of users like to order the code blocks.
The complete list of changes:
- Rework the tag breaking logic with the goal to be more in line with how Prettier formats standard HTML. This includes respecting the user's decision to have child tags in separate lines even if they don't exceed the maximum line width (#143, #117). This is a breaking change because tags are broken up differently now than before.
<svelte:options>
is now part ofsvelteSortOrder
. Default sort order is nowoptions-scripts-markup-styles
. This is a breaking change. (#73)svelteBracketNewLine
defaults totrue
now to be more in line with how Prettier formats standard HTML. This is a breaking change- Fix formatting of fenced Svelte code blocks inside Markdown (#129)
- Everything that is not explicitly a block element is now treated as an inline element, including components. This is a breaking change (#159)
- Single quotes are no longer forced except inside quoted attributes/events/etc. This is a breaking change (#94)
- If the content inside a
{tag}
is too long, break it up if possible (excluding{#if}
/{#await}
/etc. blocks). This is a breaking change (#170) - If the content of a
<script>
/<style>
tag is completely empty (no whitespace), don't put the closing tag on a new line (#87)
- Pass options to embedded parser (#162)
- Fall back to raw text if there is a parser error in a JS expression inside a moustache tag (#163)
- Format next node correctly when previous node has a comment as last child (#152)
- Only
prettier-ignore
comments should ignore formatting of next line (#151) - Do not encode entities in attribute values (#29)
- Fix raw printing of unsupported languages (#156)
- Fix print order of attributes and body (#146)
- Support the new
{#key}
block introduced in Svelte 3.28.0 (#147)
- Add
vscodeLanguageIds
for VS Code consumers, including coc-prettier (#138) - Keep comments directly before
<style>
,<script>
or<template>
tags together with the tag when reformatting (#137) - Keep inline elements together even when inside text (#139)
- Don't format
class
attributes (#145)
- Skip formatting
<style>
or<script>
tags if in an unsupported language or ifprettier-ignore
d (#55, #59, #95) - Make error location properties compatible with both Svelte and Prettier (#71)
- Handle/preserve comments in event handlers (#96)
- Fix Node 10 compatibility (#135)
- Don't format contents of
<pre>
or its attributes, apart fromclass
(#28) - Fix whitespace issues (#58, #103, #24)
- Add option to disable first level of indentation in
<script>
and<style>
tags (#105) - Fix output when rewriting shorthand attributes to not use the shorthand syntax (#110)
- Add support for object destructuring reassignment (#113)
- Fix bug that breaks plugin when using Prettier v2.1.x (#123)
- Fix incorrectly escaped regexp which broke style tags followed by "s" (#118)
- Write to console.error to prevent crash and erasion of files (#115)
- Support
<!-- prettier-ignore -->
comments (#59) - Fix
{#await}
printing with{:catch}
but no pending block (#76) - Fix
{#await}
printing with only a pending block (#77) - Support
{#await}
destructuring (#83) - Fix other
{#await}
handling in Svelte versions since 3.20 (#83)
- Support Prettier 2
- Add
svelteAllowShorthand
option - This plugin has now become an official Svelte project
- Add
svelteStrictMode
option - Support
{#await}
block shorthand syntax
- Support nested
<script>
and<style>
tags - Add
svelteSortOrder
option - Fix printing of HTML entities
- Add option to add newline to closing angle bracket
- Support all
<svelte:*>
elements - Throw Svelte parsing errors in format Prettier expects
- Add handling for
|local
transition modifier - Prevent
{#if}
blocks nested in an{#each}
/{:else}
from being converted into an{:else if}
- Fix whitespace trimming for lonely wrapped mustache tags
- Fix attribute wrapping
- Remove .html from list of extensions
- Use
typescript
as parser to handle both JS and TS - Add support for event modifiers
- Support Unicode content in
<script>
and<style>
blocks - Don't print children for empty elements
- Improve handling of text nodes
- Prevent extra whitespace for
<script>
-only templates - Correctly collapse empty elements
- Improve directive support
- Fix script + css and script + module printing
- Print HTML last
- Drop support for v2 and fully support v3
- Make Prettier and Svelte peer deps