Version History

Version 2.3.5 Latest

Patch Changes

#8023 96f3e77 Thanks @ematipico! - Added support Svelte syntax {@html}. Biome now is able to parse and format the Svelte syntax {@html}:
```
1
{@html   'div'}
2
{@html 'div'}
```
The contents of the expressions inside the {@html <expression>} aren’t formatted yet.
#8058 5f68bcc Thanks @ematipico! - Fixed a bug where the Biome Language Server would enable its project file watcher even when no project rules were enabled.

Now the watching of nested configuration files and nested ignore files is delegated to the editor, if their LSP spec supports it.
#8023 96f3e77 Thanks @ematipico! - Added support Svelte syntax {@render}. Biome now is able to parse and format the Svelte syntax {@render}:
```
1
{@render   sum(1, 2)   }
2
{@render sum(1, 2)}
```
The contents of the expressions inside the {@render <expression>} aren’t formatted yet.
#8006 f0612a5 Thanks @Bertie690! - Updated documentation and diagnostic for lint/complexity/noBannedTypes. The rule should have a more detailed description and diagnostic error message.
#8039 da70d8b Thanks @PFiS1737! - Biome now keeps a blank line after the frontmatter section in Astro files.
#8042 b7efa6f Thanks @dyc3! - The CSS Parser, with tailwindDirectives enabled, will now accept at rules like @media and @supports in @custom-variant shorthand syntax.
#8064 3ff9d45 Thanks @dibashthapa! - Fixed #7967: Fixed the issue with support for advanced SVG props
#8023 96f3e77 Thanks @ematipico! - Added support Svelte syntax {@attach}. Biome now is able to parse and format the Svelte syntax {@attach}:
```
1
<div {@attach    myAttachment   }>...</div>
2
<div {@attach myAttachment}>...</div>
```
The contents of the expressions inside the {@attach <expression>} aren’t formatted yet.
#8001 6e8a50e Thanks @ematipico! - Added support Svelte syntax {#key}. Biome now is able to parse and format the Svelte syntax {#key}:
```
1
{#key   expression} <div></div> {/key}
2
{#key expression}
3
  <div></div>
4
{/key}
```
The contents of the expressions inside the {#key <expression>} aren’t formatted yet.
#8023 96f3e77 Thanks @ematipico! - Added support Svelte syntax {@const}. Biome now is able to parse and format the Svelte syntax {@const}:
```
1
{@const   name = value}
2
{@const name = value}
```
The contents of the expressions inside the {@const <expression>} aren’t formatted yet.
#8044 8f77d4a Thanks @Netail! - Corrected rule source references. biome migrate eslint should do a bit better detecting rules in your eslint configurations.
#8065 1a2d1af Thanks @Netail! - Added the nursery rule useArraySortCompare. Require Array#sort and Array#toSorted calls to always provide a compareFunction.

Invalid:
```
1
const array = [];
2
array.sort();
```
Valid:
```
1
const array = [];
2
array.sort((a, b) => a - b);
```
#7673 a3a713d Thanks @dyc3! - The HTML parser is now able to parse vue directives. This enables us to write/port Vue lint rules that require inspecting the <template> section. However, this more complex parsing may result in parsing errors where there was none before. For those of you that have opted in to the experimental support (aka experimentalFullSupportEnabled), we greatly appreciate your help testing this out, and your bug reports.

#8031 fa6798a Thanks @ematipico! - Added support for the Svelte syntax {#if}{/if}. The Biome HTML parser is now able to parse and format the {#if}{/if} blocks:

1
<!-- if / else-if / else -->
2
{#if porridge.temperature > 100}
3
<p>too hot!</p>
4
  <p>too hot!</p>
5
{:else if 80 > porridge.temperature}
6
<p>too cold!</p>
7
  <p>too cold!</p>
8
{:else if 100 > porridge.temperature}
9
<p>too too cold!</p>
10
  <p>too too cold!</p>
11
{:else}
12
<p>just right!</p>
13
  <p>just right!</p>
14
{/if}

#8041 beeb7bb Thanks @dyc3! - The CSS parser, with tailwindDirectives enabled, will now accept lists of selectors in @custom-variant shorthand syntax.
```
1
@custom-variant cell (th:has(&), td:has(&));
```
#8028 c09e45c Thanks @fmajestic! - The GitLab reporter now outputs format errors.
#8037 78011b1 Thanks @PFiS1737! - indentScriptAndStyle no longer indents the frontmatter in Astro files.
#8009 6374b1f Thanks @tmcw! - Fixed an edge case in the useArrowFunction rule.

The rule no longer emits diagnostics for or offers to fix functions that reference the arguments object, because that object is undefined for arrow functions.

Valid example:
```
1
// Valid: this function cannot be transformed into an arrow function because
2
// arguments is not defined for arrow functions.
3
const getFirstArg = function () {
4
  return arguments[0];
5
};
```