All versions since 2.0.6
2.0.6
Patch Changes
-
#6557
fd68458Thanks @ematipico! - Fixed a bug where Biome didn’t provide all the available code actions when requested by the editor. -
#6511
72623faThanks @Conaclos! - Fixed #6492. TheorganizeImportsassist action no longer duplicates a comment at the start of the file when:BLANK_LINE:precedes the first import group. -
#6557
fd68458Thanks @ematipico! - Fixed #6287 where Biome Language Server didn’t adhere to thesettings.requireConfigurationoption when pulling diagnostics and code actions. Note that for this configuration be correctly applied, your editor must support dynamic registration capabilities. -
#6551
0b63b1dThanks @Conaclos! - Fixed #6536.useSortedKeysno longer panics in some edge cases where object spreads are involved. -
#6503
9a8fe0fThanks @ematipico! - Fixed #6482 where nursery rules that belonged to a domain were incorrectly enabled. -
#6565
e85761cThanks @daivinhtran! - Fixed #4677: Now thenoUnusedImportsrule won’t produce diagnostics for types used in JSDoc comment of exports. -
#6166
b8cbd83Thanks @mehm8128! - Added the nursery rule noExcessiveLinesPerFunction. This rule restrict a maximum number of lines of code in a function body.The following code is now reported as invalid when the limit of maximum lines is set to 2:
function foo() {const x = 0;const y = 1;const z = 2;}The following code is now reported as valid when the limit of maximum lines is set to 3:
const bar = () => {const x = 0;const z = 2;}; -
#6553
5f42630Thanks @denbezrukov! - Fixed #6547. Now the Biome CSS parser correctly parses@starting-stylewhen it’s used inside other at-rules. The following example doesn’t raise an error anymore:@layer my-demo-layer {@starting-style {div.showing {background-color: red;}}} -
#6458
05402e3Thanks @ematipico! - Fixed an issue where the ruleuseSemanticElementsused the incorrect range when positioning suppression comments. -
#6560
6d8a6b9Thanks @siketyan! - Fixed #6559: the error message on detected a large file was outdated and referred a removed configuration optionfiles.ignore. -
#6458
05402e3Thanks @ematipico! - Fixed #6384. The ruleuseAltTextnow emits a diagnostic with a correct range, so suppression comments can work correctly. -
#6518
7a56288Thanks @wojtekmaj! - Fixed #6508, where the rulenoUselessFragmentsincorrectly flagged Fragments containing HTML entities as unnecessary. -
#6517
c5217cfThanks @arendjr! - Fixed #6515. When using theextendsfield to extend a configuration from an NPM package, we now accept the condition names"biome"and"default"for exporting the configuration in thepackage.json.This means that where previously your
package.jsonhad to contain an export declaration similar to this:{"exports": {".": "./biome.json"}}You may now use one of these as well:
{"exports": {".": {"biome": "./biome.json"}}}Or:
{"exports": {".": {"default": "./biome.json"}}} -
#6219
a3a3715Thanks @huangtiandi1999! - Added new nursery rulenoUnassignedVariables, which disallowsletorvarvariables that are read but never assigned.The following code is now reported as invalid:
let x;if (x) {console.log(1);}The following code is now reported as valid:
let x = 1;if (x) {console.log(1);} -
#6395
f62e748Thanks @mdevils! - Added the new nursery rulenoImplicitCoercion, which disallows shorthand type conversions in favor of explicit type conversion functions.Example (Invalid): Boolean conversion using double negation:
!!foo;!!(foo + bar);Example (Invalid): Number conversion using unary operators:
+foo;-(-foo);foo - 0;foo * 1;foo / 1;Example (Invalid): String conversion using concatenation:
"" + foo;foo + "";`` + foo;foo += "";Example (Invalid): Index checking using bitwise NOT:
~foo.indexOf(1);~foo.bar.indexOf(2);Example (Valid): Using explicit type conversion functions:
Boolean(foo);Number(foo);String(foo);foo.indexOf(1) !== -1; -
#6544
f28b075Thanks @daivinhtran! - Fixed #6536. Now the rulenoUselessFragmentsproduces diagnostics for a top-level useless fragment that is in a return statement. -
#6320
5705f1aThanks @mdevils! - Added the new nursery ruleuseUnifiedTypeSignature, which disallows overload signatures that can be unified into a single signature.Overload signatures that can be merged into a single signature are redundant and should be avoided. This rule helps simplify function signatures by combining overloads by making parameters optional and/or using type unions.
Example (Invalid): Overload signatures that can be unified:
function f(a: number): void;function f(a: string): void;interface I {a(): void;a(x: number): void;}Example (Valid): Unified signatures:
function f(a: number | string): void {}interface I {a(x?: number): void;}Example (Valid): Different return types cannot be merged:
interface I {f(): void;f(x: number): number;} -
#6545
2782175Thanks @ematipico! - Fixed #6529, where the Biome Language Server would emit an error when the user would open a file that isn’t part of its workspace (node_modulesor external files). Now the language server doesn’t emit any errors and it exits gracefully. -
#6524
a27b825Thanks @vladimir-ivanov! - Fixed #6500: TheuseReadonlyClassPropertiesrule now correctly marks class properties asreadonlywhen they are assigned in a constructor, setter or method, even if the assignment occurs inside an if or else block.The following code is now correctly detected by the rule:
class Price {#price: string;@Input()set some(value: string | number) {if (value === undefined ||value === null ||value === "undefined" ||value === "null" ||Number.isNaN(value)) {this.#price = "";} else {this.#price = "" + value;}}} -
#6355
e128ea9Thanks @anthonyshew! - Added a new nursery rulenoAlertthat disallows the use ofalert,confirmandprompt.The following code is deemed incorrect:
alert("here!"); -
#6548
37e9799Thanks @ematipico! - Fixed #6459, where the Biome LSP was not taking into account the correct settings when applyingsource.fixAll.biomecode action.
2.1.0
Minor Changes
-
#6512
0c0bf82Thanks @arendjr! - The rulenoFloatingPromisescan now detect floating arrays ofPromises.Invalid examples
// This gets flagged because the Promises are not handled.[1, 2, 3].map(async (x) => x + 1);Valid examples
await Promise.all([1, 2, 3].map(async (x) => x + 1)); -
#6637
6918085Thanks @arendjr! - Type inference is now able to handle the sequence operator (,), as well as post- and pre-update operators:++.Example
let x = 5;// We now infer that `x++` resolves to a number, while the expression as a whole// becomes a Promise:(x++, new Promise((resolve) => resolve("comma"))); -
#6752
c9eaca4Thanks @arendjr! - Fixed #6646:.gitignorefiles are now picked up even when running Biome from a nested directory, or when the ignore file itself is ignored throughfiles.includes. -
#6746
90aeeadThanks @arendjr! -biome migrateno longer enables style rules that were recommended in v1, because that would be undesirable for users upgrading from 2.0.Users who are upgrading from Biome 1.x are therefore advised to first upgrade to Biome 2.0, and run the migration, before continuing to Biome 2.1 or later.
-
#6583
d415a3fThanks @arendjr! - Added the nursery rulenoMisusedPromises.It signals
Promises in places where conditionals or iterables are expected.Invalid examples
const promise = Promise.resolve("value");// Using a `Promise` as conditional is always truthy:if (promise) {/* ... */}// Spreading a `Promise` has no effect:console.log({ foo: 42, ...promise });// This does not `await` the `Promise`s from the callbacks,// so it does not behave as you may expect:[1, 2, 3].forEach(async (value) => {await fetch(`/${value}`);});Valid examples
const promise = Promise.resolve("value");if (await promise) {/* ... */}console.log({ foo: 42, ...(await promise) }); -
#6405
cd4a9bbThanks @vladimir-ivanov! - Added theignoreRestSiblingsoption to thenoUnusedFunctionParametersrule.This option is used to ignore unused function parameters that are siblings of the rest parameter.
The default is
false, which means that unused function parameters that are siblings of the rest parameter will be reported.Example
{"rules": {"noUnusedFunctionParameters": ["error", { "ignoreRestSiblings": true }]}} -
#6614
0840021Thanks @arendjr! - We have implemented a more targeted version of the scanner, which ensures that if you provide file paths to handle on the CLI, the scanner will exclude directories that are not relevant to those paths.Note that for many commands, such as
biome checkandbiome format, the file paths to handle are implicitly set to the current working directory if you do not provide any path explicitly. The targeted scanner also works with such implicit paths, which means that if you run Biome from a subfolder, other folders that are part of the project are automatically exempted.Use cases where you invoke Biome from the root of the project without providing a path, as well as those where project rules are enabled, are not expected to see performance benefits from this.
-
#6488
c5ee385Thanks @ianzone! -nx.jsonandproject.jsonhave been added to the list of well-known files. -
#6720
52e36aeThanks @minht11! - Added$symbol to organizeImports:ALIAS:group.import { action } from '$lib'will be treated as alias import.
Patch Changes
-
#6712
2649ac6Thanks @sterliakov! - Fixed #6595: Biome now supports// biome-ignore-allfile-level suppressions in files that start with a shebang (#!). -
#6758
28dc49eThanks @arendjr! - Fixed #6573: Grit plugins can now match bare imports.Example
The following snippet:
`import $source`will now match:
import "main.css"; -
#6550
b424f46Thanks @arendjr! - Type inference is now able to handle logical expressions:&&,||, and??.Examples
// We can now infer that because `true` is truthy, the entire expression// evaluates to a `Promise`.true && Promise.reject("logical operator bypass");// And we know that this doesn't:false && Promise.reject("logical operator bypass");// Truthiness, falsiness, and non-nullishness can all be determined on more// complex expressions as well. So the following also works:type Nullish = null | undefined;type Params = {booleanOption: boolean | Nullish;falsyOption: false | Nullish;};function foo({ booleanOption, falsyOption }: Params) {// This may be a Promise:booleanOption ?? Promise.reject("logical operator bypass");// But this never is:falsyOption && Promise.reject("logical operator bypass");} -
#6413
4aa0e50Thanks @wojtekmaj! - Improved error message inuseDateNowrule. -
#6673
341e062Thanks @dyc3! - Fixed a case where the HTML formatter would mangle embedded language tags ifwhitespaceSensitivitywas set tostrict -
#6642
a991229Thanks @unvalley! - Fixed #4494: ThenoSecretsrule now correctly uses theentropyThresholdoption to detect secret like strings. -
#6520
0c43545Thanks @arendjr! - Type inference is now able to handle ternary conditions in type aliases.Note that we don’t attempt to evaluate the condition itself. The resulting type is simply a union of both conditional outcomes.
Example
type MaybeResult<T> = T extends Function ? Promise<string> : undefined;// We can now detect this function _might_ return a `Promise`:function doStuff<T>(input: T): MaybeResult<T> {/* ... */} -
#6711
1937691Thanks @sterliakov! - Fixed #6654: Fixed range highlighting of<explanation>placeholder in inline suppression block comments. -
#6756
d12b26fThanks @dyc3! - Fixed #6669: Added an exception tonoUnusedImportsto allow type augmentation imports.import type {} from "@mui/lab/themeAugmentation"; -
Fixed #4994: LSP server registered some capabilities even when the client did not support dynamic registration.
-
#6599
5e611faThanks @vladimir-ivanov! - Fixed #6380: ThenoFocusedTestsrule now correctly displays the function name in the diagnostic message when a test is focused.Every instance of a focused test function (like
fdescribe,fit,ftestandonly) had the word ‘only’ hardcoded. This has been updated to use the actual function name, so the message is now more accurate and specific.Example for
fdescribe:i The 'fdescribe' method is often used for debugging or during implementation.i Consider removing 'f' prefix from 'fdescribe' to ensure all tests are executed. -
#6671
0c9ab43Thanks @vladimir-ivanov! - Fixed #6634: TheuseReadonlyClassPropertiesrule now correctly flags mutations in class getters and in arrow functions within class properties.Examples:
class GetterWithMutationValue {#value: string;get value() {if (!this.#value) {this.#value = "defaultValue";}return this.#value;}}class ClassPropertyArrowFunctionWithMutation {private bar: string | null = null;readonly action = () => {this.bar = "init";};} -
#6682
ca04ceaThanks @ematipico! - Fixed #6668: Biome Assist is now enabled by default for CSS files. -
#6525
66b089cThanks @arendjr! - Type inference can now infer the return types of functions and methods without annotations.Examples
const sneakyObject = {doSomething() {return Promise.resolve("This is a floating promise!");},};// We can now detect that `doSomething()` returns a `Promise`.sneakyObject.doSomething(); -
#6531
c06df79Thanks @arendjr! - Biome’s type inference now detects the type of properties with getters.Examples
const sneakyObject2 = {get something() {return new Promise((_, reject) => reject("This is a floating promise!"));},};// We now detect this is a Promise:sneakyObject2.something; -
#6587
a330fccThanks @Conaclos! -organizeImportsis now able to sort named specifiers and import attributes with bogus nodes. -
#6618
6174869Thanks @Shinyaigeek! - Fixed #6610: JSON import attributes are now correctly detected when they contain extra whitespace. -
#6753
fce5d2cThanks @dyc3! - Improved the error messages when Biome is provided incompatible arguments on the CLI. -
#6587
a330fccThanks @Conaclos! - Fixed #6491: The action ofuseSortedKeysremoved comments or wrongly transferred them to distinct nodes. -
#6696
92964a7Thanks @unvalley! - Fixed #6633: ThenoImplicitCoercionrule no longer reports diagnostics for1 / valueexpressions.1 / value; // no error -
#6683
43d871eThanks @ematipico! - Fixed #6537: Biome no longer removes the trailing comma from JSON files whenformatter.json.trailingCommasis explicitly set to"all". -
#6693
bfdce0bThanks @dyc3! - Fixed #6691: The HTML parser will now consider.to be a valid character for tag names. -
#6716
ead03d1Thanks @siketyan! - The Biome LSP server no longer responds with an error for atextDocument/codeActionsrequest when Biome doesn’t support a feature for the file (e.g. Code actions aren’t supported in GritQL files). -
#6679
7bf9a60Thanks @marko-hologram! - Fixed #6638: JavaScript formatteroverridesoptions now correctly overrideexpandoption. JSON formatteroverridesoptions now correctly overridebracketSpacingandexpandoptions. -
#6717
7f5b541Thanks @siketyan! - Fixed #6688: thenoUselessFragmentsno longer reports<Fragment />elements that includes HTML character entities. -
#6600
853e1b5Thanks @daivinhtran! - Fixed #4677: ThenoUnusedImportsrule won’t produce diagnostics for types used in comments of static members anymore. -
#6662
3afc804Thanks @arendjr! - If a nested configuration file is ignored by the root configuration, it will now actually be ignored.Biome has an exception in place for configuration files so they cannot be ignored, because the configuration files are vital to Biome itself. But this exception was incorrectly applied to nested configurations as well. Now only the root configuration is exempt from being ignored.
-
#6596
c0718caThanks @ematipico! - Fixed #6566: Biome no longer errors when using the option--files-ignore-unknown=trueinstdinmode.Biome has also become less strict when using
--stdin-file-pathinstdinmode. It will no longer error if the file path doesn’t contain an extension, but instead it will return the original content. -
#6562
153eda7Thanks @vladimir-ivanov! - Added the nursery rule noMagicNumbers. The rule detects and reports the use of “magic numbers” — numeric literals that are used directly in code without being assigned to a named constant.Example
let total = price * 1.23; // Magic number for tax rate will highlight 1.23 as magic number -
#6663
af78d6dThanks @ematipico! - Fixed #6656: Biome now correctly formats HTML void elements such as<meta>when they contain a self-closing slash.<meta foo="bar" /><meta foo="bar"> -
#6732
31e4396Thanks @vladimir-ivanov! - Resolved #6281: Improved performance of handlingpackage.jsonfiles in the scanner. -
#6625
19cb475Thanks @arendjr! - Fixed #6616: Fixed an issue with extending configurations that contained an explicitrootfield while the configuration in the project did not. -
#6650
19aab18Thanks @sterliakov! - Fixed #6621: Improved handling of multiple adjacent line suppressions. Biome now handles such suppressions separately, tracking whether each one is used. -
#6700
cdd6e17Thanks @denbezrukov! - Fixed #6680: Biome incorrectly formatted container-style queries by inserting misplaced spaces.@container style (--responsive: true) {}@container style(--responsive: true) {} -
#6709
ecf3954Thanks @dyc3! - Fixed #6038: Fixed a false positive innoShadowwhere a function parameter in a type definition was erroneously flagged as a violation. -
#6593
a4acbb7Thanks @arendjr! - Type inference is now able to handle ternary conditions in expressions.Examples
const condition = Math.random() > -1; // Always true, but dynamic to linter// We now detect that this may return a `Promise`.condition ? Promise.reject("ternary bypass") : null;// On the other hand, we know the following is never a `Promise`:const alwaysFalsy = 0;alwaysFalsy ? Promise.reject("ternary bypass") : null; -
#6428
4b501d3Thanks @siketyan! - AddedMemoryFileSystemto the WASM API.You can now insert a file from your JS code:
import { MemoryFileSystem, Workspace } from "@biomejs/wasm-web";const fs = new MemoryFileSystem();const workspace = Workspace.withFileSystem(fs);fs.insert("/index.js", new TextEncoder().encode("let foo = 1;"));fs.remove("/index.js"); -
#6594
626d4a1Thanks @ematipico! - Fixed #6528: Biome didn’t return the correct output when applyingsource.fixAll.biomeinside Astro/Vue/Svelte files that contained safe fixed.
2.1.1
Patch Changes
-
#6781
9bbd34fThanks @siketyan! - Fixed theFileFeaturesResultinterface in the WASM API was defined as a mapped object but the actual value was aMapobject. -
#6761
cf3c2ceThanks @dyc3! - Fixed #6759, a false positive fornoFocusedTeststhat was triggered by calling any function with the namefiton any object.The following code will now pass the
noFocusedTestsrule:import foo from "foo";foo.fit();
2.1.2
Patch Changes
-
#6865
b35bf64Thanks @denbezrukov! - Fix #6485: Handle multiple semicolons correctly in blocks (#6485)div {box-sizing: border-box;color: red;} -
#6798
3579ffaThanks @dyc3! - Fixed #6762, Biome now knows that~/.config/zed/settings.jsonand~/.config/Code/User/settings.jsonallows comments by default. -
#6839
4cd62d8Thanks @ematipico! - Fixed #6838, where the Biome File Watcher incorrectly watched and stored ignored files, causing possible memory leaks when those files were dynamically created (e.g. built files). -
#6879
0059cd9Thanks @denbezrukov! - Refactor: remove one level of indirection for CSS declarations with semicolon Previously, accessing a declaration from a list required an extra step:item.as_any_css_declaration_with_semicolon().as_css_declaration_with_semicolon()Now, it can be done directly with:
item.as_css_declaration_with_semicolon() -
#6839
4cd62d8Thanks @ematipico! - Fixed a bug where the Biome Language Server didn’t correctly ignore specific files whenvcs.useIgnoreFileis set totrue. -
#6884
5ff50f8Thanks @arendjr! - Improved the performance ofnoImportCyclesby ~30%. -
#6903
241dd9eThanks @arendjr! - Fixed #6829: Fixed a false positive reported byuseImportExtensionswhen importing a.jsfile that had a matching.d.tsfile in the same folder. -
#6846
446112eThanks @darricheng! - Fixed an issue where biome was using the wrong string quotes when the classes string has quotes, resulting in invalid code after applying the fix. -
#6823
eebc48eThanks @arendjr! - Improved #6172: Optimised the way function arguments are stored in Biome’s type inference. This led to about 10% performance improvement inRedisCommander.d.tsand about 2% on@next/fonttype definitions. -
#6878
3402976Thanks @ematipico! - Fixed a bug where the Biome Language Server would apply an unsafe fix when using the code actionquickfix.biome.Now Biome no longer applies an unsafe code fix when using the code action
quickfix.biome. -
#6794
4d5fc0eThanks @vladimir-ivanov! - Fixed #6719: ThenoInvalidUseBeforeDeclarationrule covers additional use cases.Examples:
type Bar = { [BAR]: true };const BAR = "bar";interface Bar {child: { grandChild: { [BAR]: typeof BAR; enumFoo: EnumFoo } };}const BAR = "bar";enum EnumFoo {BAR = "bar",} -
#6863
531e97eThanks @dyc3! - Biome now considers whether the linter is enabled when figuring out how the project should be scanned. Resolves #6815. -
#6832
bdbc2b1Thanks @togami2864! - Fixed #6165: Fixed false negative innoUnusedPrivateClassMembersrule when checking member usage in classes -
#6839
4cd62d8Thanks @ematipico! - Fixed a bug where the root ignore file wasn’t correctly loaded during the scanning phase, causing false positives and incorrect expectations among users.Now, when using
vcs.useIgnoreFile, the **the globs specified in the ignore file from the project root ** will have the same semantics as thefiles.includessetting of the root configuration.Refer to the relative web page to understand how they work.
-
#6898
5beb024Thanks @arendjr! - Fixed #6891: Improved type inference for array indices.Example:
const numbers: number[];numbers[42]; // This now infers to `number | undefined`. -
#6809
8192451Thanks @arendjr! - Fixed #6796: Fixed a false positive that happened innoFloatingPromiseswhen calling functions that were declared as part offor ... ofsyntax insideasyncfunctions.Instead, the variables declared inside
for ... ofloops are now correctly inferred if the expression being iterated evaluates to anArray(support for other iterables will follow later).Invalid example
const txStatements: Array<(tx) => Promise<any>> = [];db.transaction((tx: any) => {for (const stmt of txStatements) {// We correctly flag this resolves to a `Promise`:stmt(tx);}});Valid example
async function valid(db) {const txStatements: Array<(tx: any) => void> = [(tx) => tx.insert().run()];db.transaction((tx: any) => {for (const stmt of txStatements) {// We don't flag a false positive here anymore:stmt(tx);}});} -
#6757
13a0818Thanks @mdevils! - Added the rulenoVueReservedProps, resolves #6309.It prevents the use of reserved Vue prop names such as
keyandrefwhich can cause conflicts and unexpected behavior in Vue components.Invalid example
import { defineComponent } from "vue";export default defineComponent({props: ["ref", "key", "foo"],});<script setup>defineProps({ref: String,key: String,foo: String,});</script>Valid examples
import { defineComponent } from "vue";export default defineComponent({props: ["foo"],});<script setup>defineProps({ foo: String });</script> -
#6840
1a57b51Thanks @denbezrukov! - Allow multiple identifiers in ::part() pseudo-element selector.::part(first second) {} -
#6845
4fd44ecThanks @arendjr! - Fixed #6510: The scanner no longer shows diagnostics on inaccessible files unless--verboseis used. -
#6844
b7e2d4dThanks @sterliakov! - Fixed #6837: Fixed regression with multiple consecutive line suppression comments using instances (like// biome-ignore lint/correctness/useExhaustiveDependencies(depName): reason). -
#6818
5f3f5a6Thanks @siketyan! - Fixed an issue wheretextDocument/codeActionin the LSP could respond with outdated text edits after the workspace watcher observed outdated changes to the file. -
#6804
3e6ab16Thanks @arendjr! -noFloatingPromiseswill no longer suggest to addawaitkeyword inside synchronous callbacks nested insideasyncfunctions. -
#6901
c9e969aThanks @arendjr! - Fixed #6777: Fixed type inference handling ofthisto avoid infinite recursion.Thanks to @sterliakov for the thorough investigation!
-
#6855
d1581c7Thanks @vladimir-ivanov! - Fixed #6775:useReadonlyClassPropertiesnow also captures mutations inside function arguments.Example:
class Counter {private counter: number;count() {console.log(this.counter++);const counterString = `${this.counter++}`;}} -
#6839
4cd62d8Thanks @ematipico! - Fixed a bug where Biome didn’t throw any error whenvcs.useIgnoreFileis set totrue, and there wasn’t any ignore file read. Now Biome correctly throws an error if no ignore files are found. -
#6911
6d68074Thanks @arendjr! - Fixed #6838: Reduce resource consumption in the Biome Language Server by using non-recursive filesystem watchers instead of recursive ones.Watchers are responsible for notifying Biome of changes to files in the filesystem. We used to set up a single recursive watcher, but that meant that Biome would receive filesystem notifications for all files in your project, even for ignored folders such as
build/ordist/folders.With this patch, we set up non-recursive watchers only for the folders that are relevant to a project.
Related to this, we also solved an issue where incoming notifications were incorrectly filtered, causing ignored files to be processed and stored in our module graph anyway.
2.1.3
Patch Changes
-
#7057
634a667Thanks @mdevils! - Added the rulenoVueReservedKeys, which prevents the use of reserved Vue keys.It prevents the use of Vue reserved keys such as those starting with like
$el,$data,$props) and keys starting with\_in data properties, which can cause conflicts and unexpected behavior in Vue components.Invalid example
<script>export default {data: {$el: "",_foo: "bar",},};</script><script>export default {computed: {$data() {return this.someData;},},};</script>Valid examples
<script>export default {data() {return {message: "Hello Vue!",count: 0,};},};</script><script>export default {computed: {displayMessage() {return this.message;},},};</script> -
#6941
734d708Thanks @JamBalaya56562! - Added@eslint-react/no-nested-component-definitionsas a rule source fornoNestedComponentDefinitions. Now it will get picked up bybiome migrate --eslint. -
#6463
0a16d54Thanks @JamBalaya56562! - Fixed a website link for theuseComponentExportOnlyModuleslinter rule to point to the correct URL. -
#6944
e53f2feThanks @sterliakov! - Fixed #6910: Biome now ignores type casts and assertions when evaluating numbers fornoMagicNumbersrule. -
#6991
476cd55Thanks @denbezrukov! - Fixed #6973: Add support for parsing the :active-view-transition-type() pseudo-class:active-view-transition-type(first second) {} -
#6992
0b1e194Thanks @ematipico! - Added a new JSON rule callednoQuickfixBiome, which disallow the use of code actionquickfix.biomeinside code editor settings. -
#6943
249306dThanks @JamBalaya56562! - Fixed@vitest/eslint-pluginsource url. -
#6947
4c7ed0fThanks @JamBalaya56562! - Fixed ESLint migration for the ruleprefer-forfromeslint-plugin-solidto Biome’suseForComponent. -
#6976
72ebadcThanks @siketyan! - Fixed #6692: The rulesnoUnusedVariablesandnoUnusedFunctionParametersno longer cause an infinite loop when the suggested name is not applicable (e.g. the suggested name is already declared in the scope). -
#6990
333f5d0Thanks @rvanlaarhoven! - Fixed the documentation URL forlint/correctness/noUnknownPseudoClass -
#7000
4021165Thanks @harxki! - Fixed #6795:noUnassignedVariablesnow correctly recognizes variables used in JSXrefattributes. -
#7044
b091ddfThanks @ematipico! - Fixed #6622, now the ruleuseSemanticElementsworks for JSX self-closing elements too. -
#7014
c4864e8Thanks @siketyan! - Fixed #6516: Thebiome migratecommand no longer break the member list with trailing comments. -
#6979
29cb6daThanks @unvalley! - Fixed #6767:useSortedClassesnow correctly removes leading and trailing whitespace in className.Previously, trailing spaces in className were not fully removed.
// Think we have this code:<div className="text-sm font-bold " />// Before: applied fix, but a trailing space was preserved<div className="font-bold text-sm " />// After: applied fix, trailing spaces removed<div className="font-bold text-sm" /> -
#7055
ee4828dThanks @dyc3! - Added the nursery ruleuseReactFunctionComponents. This rule enforces the preference to use function components instead of class components.Valid:
function Foo() {return <div>Hello, world!</div>;}Invalid:
class Foo extends React.Component {render() {return <div>Hello, world!</div>;}} -
#6924
2d21be9Thanks @ematipico! - Fixed #113, where the Biome Language Server didn’t correctly update the diagnostics when the configuration file is modified in the editor. Now the diagnostics are correctly updated every time the configuration file is modified and saved. -
#6931
e6b2380Thanks @arendjr! - Fixed #6915:useHookAtTopLevelno longer hangs when rules call themselves recursively. -
#7012
01c0ab4Thanks @siketyan! - Fixed #5837: Invalid suppression comments such asbiome-ignore-all-startorbiome-ignore-all-endno longer causes a panic. -
#6949
48462f8Thanks @fireairforce! - Support parseimport defer(which is a stage3 proposal). The syntax look like this:import defer * as foo from "<specifier>"; -
#6938
5feb5a6Thanks @vladimir-ivanov! - Fixed #6919 and #6920:useReadonlyClassPropertiesnow does checks for mutations in async class methods.Example:
class Counter3 {private counter: number;async count() {this.counter = 1;const counterString = `${this.counter++}`;}} -
#6942
cfda528Thanks @sterliakov! - Fixed #6939. Biome now understandsthisbinding in classes outside of methods.
2.1.4
Patch Changes
-
#7121
b9642abThanks @arendjr! - Fixed #7111: Imported symbols using aliases are now correctly recognised. -
#7103
80515ecThanks @omasakun! - Fixed #6933 and #6994.When the values of private member assignment expressions, increment expressions, etc. are used, those private members are no longer marked as unused.
-
#6887
0cc38f5Thanks @ptkagori! - Added thenoQwikUseVisibleTaskrule to Qwik.This rule is intended for use in Qwik applications to warn about the use of
useVisibleTask$()functions which require careful consideration before use.Invalid:
useVisibleTask$(() => {console.log("Component is visible");});Valid:
useTask$(() => {console.log("Task executed");}); -
#7084
50ca155Thanks @ematipico! - Added the new nursery rulenoUnnecessararyConditions, which detects whenever some conditions don’t change during the life cycle of the program, and truthy or false, hence deemed redundant.For example, the following snippets will trigger the rule:
// Always truthy literal conditionsif (true) {console.log("always runs");}// Unnecessary condition on constrained string typefunction foo(arg: "bar" | "baz") {if (arg) {// This check is unnecessary}} -
#6887
0cc38f5Thanks @ptkagori! - Added theuseImageSizerule to Biome.The
useImageSizerule enforces the use of width and height attributes on<img>elements for performance reasons. This rule is intended to prevent layout shifts and improve Core Web Vitals by ensuring images have explicit dimensions.Invalid:
<img src="/image.png" /><img src="https://example.com/image.png" /><img src="/image.png" width="200" /><img src="/image.png" height="200" />Valid:
<img width="200" height="600" src="/static/images/portrait-01.webp" /><img width="100" height="100" src="https://example.com/image.png" /> -
#6887
0cc38f5Thanks @ptkagori! - Added theuseAnchorHrefrule to Biome.The
useAnchorHrefrule enforces the presence of anhrefattribute on<a>elements in JSX. This rule is intended to ensure that anchor elements are always valid and accessible.Invalid:
<a>Link</a><a target="_blank">External</a>Valid:
<a href="/home">Home</a><a href="https://example.com" target="_blank">External</a> -
#7100
29fcb05Thanks @Jayllyz! - Added the rulenoNonNullAssertedOptionalChain.This rule prevents the use of non-null assertions (
!) immediately after optional chaining expressions (?.). Optional chaining is designed to safely handle nullable values by returningundefinedwhen the chain encountersnullorundefined. Using a non-null assertion defeats this purpose and can lead to runtime errors.// Invalid - non-null assertion after optional chainingobj?.prop!;obj?.method()!;obj?.[key]!;obj?.prop!;// Valid - proper optional chaining usageobj?.prop;obj?.method();obj?.prop ?? defaultValue;obj!.prop?.method(); -
#7129
9f4538aThanks @drwpow! - Removed option, combobox, listbox roles from useSemanticElements suggestions -
#7106
236deaaThanks @arendjr! - Fixed #6985: Inference of return types no longer mistakenly picks up return types of nested functions. -
#7102
d3118c6Thanks @omasakun! - Fixed #7101:noUnusedPrivateClassMembersnow handles members declared as part of constructor arguments:- If a class member defined in a constructor argument is only used within the constructor, it removes the
privatemodifier and makes it a plain method argument. - If it is not used at all, it will prefix it with an underscore, similar to
noUnusedFunctionParameter.
- If a class member defined in a constructor argument is only used within the constructor, it removes the
-
#7104
5395297Thanks @harxki! - Reverting to prevent regressions around ref handling -
#7143
1a6933aThanks @siketyan! - Fixed #6799: ThenoImportCyclesrule now ignores type-only imports if the newignoreTypesoption is enabled (enabled by default).[!WARNING] Breaking Change: The
noImportCyclesrule no longer detects import cycles that include one or more type-only imports by default. To keep the old behaviour, you can turn off theignoreTypesoption explicitly:{"linter": {"rules": {"nursery": {"noImportCycles": {"options": {"ignoreTypes": false}}}}}} -
#7099
6cc84cbThanks @arendjr! - Fixed #7062: Biome now correctly considers extended configs when determining the mode for the scanner. -
#6887
0cc38f5Thanks @ptkagori! - Added theuseQwikClasslistrule to Biome.This rule is intended for use in Qwik applications to encourage the use of the built-in
classprop (which accepts a string, object, or array) instead of theclassnamesutility library.Invalid:
<div class={classnames({ active: true, disabled: false })} />Valid:
<div classlist={{ active: true, disabled: false }} /> -
#7019
57c15e6Thanks @fireairforce! - Added support in the JS parser forimport source(a stage3 proposal). The syntax looks like:import source foo from "<specifier>"; -
#7053
655049eThanks @jakeleventhal! - Added theuseConsistentTypeDefinitionsrule.This rule enforces consistent usage of either
interfaceortypefor object type definitions in TypeScript.The rule accepts an option to specify the preferred style:
interface(default): Prefer usinginterfacefor object type definitionstype: Prefer usingtypefor object type definitions
Examples:
// With default option (interface)// ❌ Invalidtype Point = { x: number; y: number };// ✅ Validinterface Point {x: number;y: number;}// With option { style: "type" }// ❌ Invalidinterface Point {x: number;y: number;}// ✅ Validtype Point = { x: number; y: number };The rule will automatically fix simple cases where conversion is straightforward.
2.2.0
Minor Changes
-
#5506
1f8755bThanks @sakai-ast! - ThenoRestrictedImportsrule has been enhanced with a newpatternsoption. This option allows for more flexible and powerful import restrictions using gitignore-style patterns.You can now define patterns to restrict entire groups of modules. For example, you can disallow imports from any path under
import-foo/except forimport-foo/baz.{"options": {"patterns": [{"group": ["import-foo/*", "!import-foo/baz"],"message": "import-foo is deprecated, except for modules in import-foo/baz."}]}}Invalid examples
import foo from "import-foo/foo";import bar from "import-foo/bar";Valid examples
import baz from "import-foo/baz";Additionally, the
patternsoption introducesimportNamePatternto restrict specific import names using regular expressions. The following example restricts the import names that matchx,yorzletters from modules underimport-foo/.{"options": {"patterns": [{"group": ["import-foo/*"],"importNamePattern": "[xyz]"}]}}Invalid examples
import { x } from "import-foo/foo";Valid examples
import { foo } from "import-foo/foo";Furthermore, you can use the
invertImportNamePatternboolean option to reverse this logic. When set to true, only the import names that match theimportNamePatternwill be allowed. The following configuration only allows the import names that matchx,yorzletters from modules underimport-foo/.{"options": {"patterns": [{"group": ["import-foo/*"],"importNamePattern": "[xyz]","invertImportNamePattern": true}]}}Invalid examples
import { foo } from "import-foo/foo";Valid examples
import { x } from "import-foo/foo"; -
#6506
90c5d6bThanks @nazarhussain! - Allow customization of the sort order for different sorting actions. These actions now support a sort option:assist/source/useSortedKeysnow has asortOrderoptionassist/source/useSortedAttributesnow has asortOrderoptionassist/source/organizeImportsnow has anidentifierOrderoption
For each of these options, the supported values are the same:
natural. Compares two strings using a natural ASCII order. Uppercase letters come first (e.g.A < a < B < b) and number are compared in a human way (e.g.9<10). This is the default value.- **
lexicographic**. Strings are ordered lexicographically by their byte values. This orders Unicode code points based on their positions in the code charts. This is not necessarily the same as “alphabetical” order, which varies by language and locale.
-
#7159
df3afdfThanks @ematipico! - Added the new ruleuseBiomeIgnoreFolder. Since v2.2, Biome correctly prevents the indexing and crawling of folders.However, the correct pattern has changed. This rule attempts to detect incorrect usage, and promote the new pattern:
biome.json {"files": {"includes": ["!dist/**","!**/fixtures/**","!dist","!**/fixtures",]}} -
#6989
85b1128Thanks @arendjr! - Fixed minor inconsistencies in howfiles.includeswas being handled.Previously, Biome sometimes failed to properly ignore the contents of a folder if you didn’t specify the
/**at the end of a glob pattern. This was unfortunate, because it meant we still had to traverse the folder and then apply the glob to every entry inside it.This is no longer an issue and we now recommend to ignore folders without using the
/**suffix. -
#7118
a78e878Thanks @avshalomt2! - Added support for.graphqlsfiles. Biome can now format and lint GraphQL files that have the extension.graphqls -
#6159
f02a296Thanks @bavalpey! - Added a new option to Biome’s JavaScript formatter,javascript.formatter.operatorLinebreak, to configure whether long lines should be broken before or after binary operators.For example, the following configuration:
{formatter: {javascript: {operatorLinebreak: "before", // defaults to "after"},},}Will cause this JavaScript file:
const VERY_LONG_CONDITION_1234123412341234123412341234 = false;if (VERY_LONG_CONDITION_1234123412341234123412341234 &&VERY_LONG_CONDITION_1234123412341234123412341234 &&VERY_LONG_CONDITION_1234123412341234123412341234 &&VERY_LONG_CONDITION_1234123412341234123412341234) {console.log("DONE");}to be formatted like this:
const VERY_LONG_CONDITION_1234123412341234123412341234 = false;if (VERY_LONG_CONDITION_1234123412341234123412341234 &&VERY_LONG_CONDITION_1234123412341234123412341234 &&VERY_LONG_CONDITION_1234123412341234123412341234 &&VERY_LONG_CONDITION_1234123412341234123412341234) {console.log("DONE");} -
#7137
a653a0fThanks @ematipico! - Promoted multiple lint rules from nursery to stable groups and renamed several rules for consistency.Promoted rules
The following rules have been promoted from nursery to stable groups:
CSS
- Promoted
noImportantStylesto thecomplexitygroup. - Promoted
noUnknownAtRulesto thesuspiciousgroup.
GraphQL
- Promoted
useGraphqlNamedOperationsto thecorrectnessgroup. - Promoted
useGraphqlNamingConventionto thestylegroup.
JavaScript/TypeScript
- Promoted
noExcessiveLinesPerFunctionto thecomplexitygroup. - Promoted
noImplicitCoercionsto thecomplexitygroup. - Promoted
useIndexOfto thecomplexitygroup. - Promoted
noGlobalDirnameFilenameto thecorrectnessgroup. - Promoted
noNestedComponentDefinitionsto thecorrectnessgroup. - Promoted
noProcessGlobalto thecorrectnessgroup. - Promoted
noReactPropAssignmentsto thecorrectnessgroup. - Promoted
noRestrictedElementsto thecorrectnessgroup. - Promoted
noSolidDestructuredPropsto thecorrectnessgroup. - Promoted
useJsonImportAttributesto thecorrectnessgroup. - Promoted
useParseIntRadixto thecorrectnessgroup. - Promoted
useSingleJsDocAsteriskto thecorrectnessgroup. - Promoted
useUniqueElementIdsto thecorrectnessgroup. - Promoted
noAwaitInLoopsto theperformancegroup. - Promoted
noUnwantedPolyfillioto theperformancegroup. - Promoted
useGoogleFontPreconnectto theperformancegroup. - Promoted
useSolidForComponentto theperformancegroup. - Promoted
noMagicNumbersto thestylegroup. - Promoted
useConsistentObjectDefinitionsto thestylegroup. - Promoted
useExportsLastto thestylegroup. - Promoted
useGroupedAccessorPairsto thestylegroup. - Promoted
useNumericSeparatorsto thestylegroup. - Promoted
useObjectSpreadto thestylegroup. - Promoted
useReadonlyClassPropertiesto thestylegroup. - Promoted
useSymbolDescriptionto thestylegroup. - Promoted
useUnifiedTypeSignaturesto thestylegroup. - Promoted
noBitwiseOperatorsto thesuspiciousgroup. - Promoted
noConstantBinaryExpressionsto thesuspiciousgroup. - Promoted
noTsIgnoreto thesuspiciousgroup. - Promoted
noUnassignedVariablesto thesuspiciousgroup. - Promoted
noUselessRegexBackrefsto thesuspiciousgroup. - Promoted
noUselessEscapeInStringto thesuspiciousgroup. - Promoted
useIterableCallbackReturnto thesuspiciousgroup. - Promoted
useStaticResponseMethodsto thesuspiciousgroup.
Renamed rules
The following rules have been renamed during promotion. The migration tool will automatically update your configuration:
- Renamed
noAwaitInLooptonoAwaitInLoops. - Renamed
noConstantBinaryExpressiontonoConstantBinaryExpressions. - Renamed
noDestructuredPropstonoSolidDestructuredProps. - Renamed
noImplicitCoerciontonoImplicitCoercions. - Renamed
noReactPropAssigntonoReactPropAssignments. - Renamed
noUnknownAtRuletonoUnknownAtRules. - Renamed
noUselessBackrefInRegextonoUselessRegexBackrefs. - Renamed
useAdjacentGetterSettertouseGroupedAccessorPairs. - Renamed
useConsistentObjectDefinitiontouseConsistentObjectDefinitions. - Renamed
useConsistentResponsetouseStaticResponseMethods. - Renamed
useForComponenttouseSolidForComponent. - Renamed
useJsonImportAttributetouseJsonImportAttributes. - Renamed
useNamedOperationtouseGraphqlNamedOperations. - Renamed
useNamingConventiontouseGraphqlNamingConvention. - Renamed
useUnifiedTypeSignaturetouseUnifiedTypeSignatures.
Configuration files using the old rule names will need to be updated. Use the migration tool to automatically update your configuration:
Terminal window biome migrate --write - Promoted
-
#7159
df3afdfThanks @ematipico! - Added the new rulenoBiomeFirstException. This rule prevents the incorrect usage of patterns insidefiles.includes.This rule catches if the first element of the array contains
!. This mistake will cause Biome to analyze no files:biome.json {files: {includes: ["!dist/**"], // this is an error},} -
#6923
0589f08Thanks @ptkagori! - Added Qwik Domain to BiomeThis release introduces **Qwik domain support ** in Biome, enabling Qwik developers to use Biome as a linter and formatter for their projects.
- Added the Qwik domain infrastructure to Biome.
- Enabled the following rules for Qwik:
-
#6989
85b1128Thanks @arendjr! - Fixed #6965: Implemented smarter scanner for project rules.Previously, if project rules were enabled, Biome’s scanner would scan all dependencies regardless of whether they were used by/reachable from source files or not. While this worked for a first version, it was far from optimal.
The new scanner first scans everything listed under the
files.includessetting, and then descends into the dependencies that were discovered there, including transitive dependencies. This has three main advantages:- Dependencies that are not reachable from your source files don’t get indexed.
- Dependencies that have multiple type definitions, such as those with separate definitions for CommonJS and ESM imports, only have the relevant definitions indexed.
- If
vcs.useIgnoreFileis enabled,.gitignoregets respected as well. Assuming you have folders such asbuild/ordist/configured there, those will be automatically ignored by the scanner.
The change in the scanner also has a more nuanced impact: Previously, if you used
files.includesto ignore a file in an included folder, the scanner would still index this file. Now the file is fully ignored, unless you import it.As a user you should notice better scanner performance (if you have project rules enabled), and hopefully you need to worry less about configuring
files.experimentalScannerIgnores. Eventually our goal is still to deprecate that setting, so if you’re using it today, we encourage you to see which ignores are still necessary there, and whether you can achieve the same effect by ignoring paths usingfiles.includesinstead.None of these changes affect the scanner if no project rules are enabled.
-
#6731
d6a05b5Thanks @ematipico! - The--reporter=summaryhas been greatly enhanced. It now shows the list of files that contains violations, the files shown are clickable and can be opened from the editor.Below an example of the new version:
reporter/parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━i The following files have parsing errors.- index.cssreporter/format ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━i The following files needs to be formatted.- index.css- index.ts- main.tsreporter/violations ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━i Some lint rules or assist actions reported some violations.Rule Name Diagnosticslint/correctness/noUnknownFunction 14 (2 error(s), 12 warning(s), 0 info(s))lint/suspicious/noImplicitAnyLet 16 (12 error(s), 4 warning(s), 0 info(s))lint/suspicious/noDoubleEquals 8 (8 error(s), 0 warning(s), 0 info(s))assist/source/organizeImports 2 (2 error(s), 0 warning(s), 0 info(s))lint/suspicious/noRedeclare 12 (12 error(s), 0 warning(s), 0 info(s))lint/suspicious/noDebugger 8 (8 error(s), 0 warning(s), 0 info(s)) -
#6896
527db7fThanks @ematipico! - Added new functions to the@biomejs/wasm-*packages:fileExists: returns whether the input file exists in the workspace.isPathIgnored: returns whether the input path is ignored.updateModuleGraph: updates the internal module graph of the input path.getModuleGraph: it returns a serialized version of the internal module graph.scanProject: scans the files and directories in the project to build the internal module graph.
-
#6398
d1a315dThanks @josh-! - Added support for tracking stable results in user-provided React hooks that return objects touseExhaustiveDependenciesto compliment existing support for array return values. For example:biome.json {// rule optionsuseExhaustiveDependencies: {level: "error",options: {hooks: [{name: "useCustomHook",stableResult: ["setMyState"],},],},},}This will allow the following to be validated:
const { myState, setMyState } = useCustomHook();const toggleMyState = useCallback(() => {setMyState(!myState);}, [myState]); // Only `myState` needs to be specified here. -
#7201
2afaa49Thanks @Conaclos! - Implemented #7174.useConstno longer reports variables that are read before being written.Previously,
useConstreported uninitialised variables that were read in an inner function before being written, as shown in the following example:let v;function f() {return v;}v = 0;This can produce false positives in the case where
fis called beforevhas been written, as in the following code:let v;function f() {return v;}console.log(f()); // print `undefined`v = 0;Although this is an expected behavior of the original implementation, we consider it problematic since the rule’s fix is marked as safe. To avoid false positives like this, the rule now ignores the previous examples. However, this has the disadvantage of resulting in false negatives, such as not reporting the first example.
Patch Changes
-
#7156
137d111Thanks @ematipico! - Fixed #7152. Now the rulenoDuplicateFontNamescorrectly detects font names with spaces e.g.Liberation Mono. The diagnostic of the rule now points to the first instances of the repeated font.The following example doesn’t trigger the rule anymore:
c {font-family:SF Mono,Liberation Mono,sans-serif;}d {font:1em SF Mono,Liberation Mono,sans-serif;} -
#6907
7331bb9Thanks @ematipico! - Added a new experimental option that allows parsing of.htmlfiles that contain interpolation syntax.biome.json {html: {// This is the new, experimental option.parser: {interpolation: true,},},}<h1>{{ $title }}</h1> -
#7124
3f436b8Thanks @Jayllyz! - Added the ruleuseMaxParams.This rule enforces a maximum number of parameters for functions to improve code readability and maintainability. Functions with many parameters are difficult to read, understand, and maintain because they require memorizing parameter order and types.
// Invalid - too many parameters (default max: 4)function processData(name,age,email,phone,address,city,country,zipCode,) {// ...}// Valid - within parameter limitfunction processData(userData) {const { name, age, email, phone, address, city, country, zipCode } =userData;// ...}function calculateSum(a, b, c) {return a + b + c;} -
#7161
1a14a59Thanks @ematipico! - Fixed #7160. Now Biome correctly computes ignored files when usingformatter.includes,linter.includesandassist.includesinside nested configurations that use"extends": "//". -
#7081
a081bbeThanks @Jayllyz! - Added the rulenoNextAsyncClientComponent.This rule prevents the use of async functions for client components in Next.js applications. Client components marked with “use client” directive should not be async as this can cause hydration mismatches, break component rendering lifecycle, and lead to unexpected behavior with React’s concurrent features.
"use client";// Invalid - async client componentexport default async function MyComponent() {return <div>Hello</div>;}// Valid - synchronous client componentexport default function MyComponent() {return <div>Hello</div>;} -
#7171
5241690Thanks @siketyan! - Fixed #7162: ThenoUndeclaredDependenciesrule now considers a type-only import as a dev dependency.For example, the following code is no longer reported:
package.json:{"devDependencies": {"type-fest": "*"}}foo.ts:import type { SetRequired } from "type-fest";Note that you still need to declare the package in the
devDependenciessection inpackage.json.
2.2.2
Patch Changes
-
#7266
b270bb5Thanks @ematipico! - Fixed an issue where Biome got stuck when analyzing some files. This is usually caused by a bug in the inference engine. Now Biome has some guards in place in case the number of types grows too much, and if that happens, a diagnostic is emitted and the inference is halted. -
#7281
6436180Thanks @ematipico! - Fixed an issue where the functionscanProjectwouldn’t work as expected. -
#7285
1511d0cThanks @rriski! - Partially fixed #6782: JSX node kinds are now supported in GritQL AST nodes. -
#7249
dff85c0Thanks @ematipico! - Fixed #748, where Biome Language Server didn’t show the unsafe fixes when requesting the quick fixes. Now all LSP editors will show also opt-in, unsafe fixes. -
#7266
b270bb5Thanks @ematipico! - Fixed #7020: Resolved an issue with analysing types of static member expressions involving unions. If the object type was a union that referenced nested unions, it would trigger an infinite loop as it tried to keep expanding nested unions, and the set of types would grow indefinitely. -
#7209
679b70eThanks @patrickshipe! - Resolved an overcorrection inuseImportExtensionswhen importing explicit index files.Imports that explicitly reference an index file are now preserved and no longer rewritten to nested index paths.
Example
// Beforeimport "./sub/index";import "./sub/index/index.js";// Afterimport "./sub/index";import "./sub/index.js"; -
#7270
953f9c6Thanks @arendjr! - Fixed #6172: Resolved an issue with inferring types for rest parameters. This issue caused rest-parameter types to be incorrect, and in some cases caused extreme performance regressions in files that contained many methods with rest-parameter definitions. -
#7234
b7aa111Thanks @JeetuSuthar! - Fixed #7233: The useIndexOf rule now correctly suggests using indexOf() instead of findIndex().The diagnostic message was incorrectly recommending Array#findIndex() over Array#indexOf(), when it should recommend the opposite for simple equality checks.
-
#7283
0b07f45Thanks @ematipico! - Fixed #7236. Now Biome correctly migrates JSONC configuration files when they are passed using--config-path. -
#7239
1d643d8Thanks @minht11! - Fixed an issue where Svelte globals ($state and so on) were not properly recognized inside.svelte.test.ts/jsand.svelte.spec.ts/jsfiles. -
#7264
62fdbc8Thanks @ematipico! - Fixed a regression where when using--log-kind-prettywasn’t working anymore as expected. -
#7244
660031bThanks @JeetuSuthar! - Fixed #7225: ThenoExtraBooleanCastrule now preserves parentheses when removingBooleancalls inside negations.// Before!Boolean(b0 && b1);// After!(b0 && b1); // instead of !b0 && b1 -
#7298
46a8e93Thanks @unvalley! - Fixed #6695:useNamingConventionnow correctly reports TypeScript parameter properties with modifiers.Previously, constructor parameter properties with modifiers like
privateorreadonlywere not checked against naming conventions. These properties are now treated consistently with regular class properties.
2.2.3
Patch Changes
-
#7353
4d2b719Thanks @JeetuSuthar! - Fixed #7340: The linter now allows thenavigationproperty for view-transition in CSS.Previously, the linter incorrectly flagged
navigation: autoas an unknown property. This fix addsnavigationto the list of known CSS properties, following the CSS View Transitions spec. -
#7275
560de1bThanks @arendjr! - Fixed #7268: Files that are explicitly passed as CLI arguments are now correctly ignored if they reside in an ignored folder. -
#7358
963a246Thanks @ematipico! - Fixed #7085, now the rulenoDescendingSpecificitycorrectly calculates the specificity of selectors when they are included inside a media query. -
#7387
923674dThanks @qraqras! - Fixed #7381, now theuseOptionalChainrule recognizes optional chaining using Yoda expressions (e.g.,undefined !== foo && foo.bar). -
#7316
f9636d5Thanks @Conaclos! - Fixed #7289. The ruleuseImportTypenow inlinesimport typeintoimport { type }when thestyleoption is set toinlineType.Example:
import type { T } from "mod";// becomesimport { type T } from "mod"; -
#7350
bb4d407Thanks @siketyan! - Fixed #7261: two characters・(KATAKANA MIDDLE DOT, U+30FB) and・(HALFWIDTH KATAKANA MIDDLE DOT, U+FF65) are no longer considered as valid characters in identifiers. Property keys containing these character(s) are now preserved as string literals. -
#7377
811f47bThanks @ematipico! - Fixed a bug where the Biome Language Server didn’t correctly compute the diagnostics of a monorepo setting, caused by an incorrect handling of the project status. -
#7245
fad34b9Thanks @kedevked! - Added the new lint ruleuseConsistentArrowReturn.This rule enforces a consistent return style for arrow functions.
Invalid
const f = () => {return 1;};This rule is a port of ESLint’s arrow-body-style rule.
-
#7370
e8032ddThanks @fireairforce! - Support dynamicimport deferandimport source. The syntax looks like:import.source("foo");import.source("x", { with: { attr: "val" } });import.defer("foo");import.defer("x", { with: { attr: "val" } }); -
#7369
b1f8cbdThanks @siketyan! - Range suppressions are now supported for Grit plugins.For JavaScript, you can suppress a plugin as follows:
// biome-ignore-start lint/plugin/preferObjectSpread: reasonObject.assign({ foo: "bar" }, baz);// biome-ignore-end lint/plugin/preferObjectSpread: reasonFor CSS, you can suppress a plugin as follows:
body {/* biome-ignore-start lint/plugin/useLowercaseColors: reason */color: #fff;/* biome-ignore-end lint/plugin/useLowercaseColors: reason */} -
#7384
099507eThanks @ematipico! - Reduced the severity of certain diagnostics emitted when Biome deserializes the configuration files. Now these diagnostics are emitted asInformationseverity, which means that they won’t interfere when running commands with--error-on-warnings -
#7302
2af2380Thanks @unvalley! - Fixed #7301:useReadonlyClassPropertiesnow correctly skips JavaScript files. -
#7288
94d85f8Thanks @ThiefMaster! - Fixed #7286. Files are now formatted with JSX behavior whenjavascript.parser.jsxEverywhereis explicitly set.Previously, this flag was only used for parsing, but not for formatting, which resulted in incorrect formatting of conditional expressions when JSX syntax is used in
.jsfiles. -
#7311
62154b9Thanks @qraqras! - Added the new nursery rulenoUselessCatchBinding. This rule disallows unnecessary catch bindings.try {// Do something} catch (unused) {}} catch {} -
#7349
45c1dfeThanks @ematipico! - Fixed #4298. Biome now correctly formats CSS declarations when it contains one single value:.bar {--123456789012345678901234567890: var(--1234567890123456789012345678901234567);--123456789012345678901234567890: var(--1234567890123456789012345678901234567);} -
#7295
7638e84Thanks @ematipico! - Fixed #7130. Removed the emission of a false-positive diagnostic. Biome no longer emits the following diagnostic:lib/main.ts:1:5 suppressions/unused ━━━━━━━━━━━━━━━━━━━━━━━━━⚠ Suppression comment has no effect because the tool is not enabled.> 1 │ /** biome-ignore-all assist/source/organizeImports: For the lib root file, we don't want to organize exports */│ ^^^^^^^^^^^^^^^^ -
#7377
811f47bThanks @ematipico! - Fixed #7371 where the Biome Language Server didn’t correctly recompute the diagnostics when updating a nested configuration file. -
#7348
ac27fc5Thanks @ematipico! - Fixed #7079. Now the ruleuseSemanticElementsdoesn’t trigger components and custom elements. -
#7389
ab06a7eThanks @Conaclos! - Fixed #7344.useNamingConventionno longer reports interfaces defined in global declarations.Interfaces declared in global declarations augment existing interfaces. Thus, they must be ignored.
In the following example,
useNamingConventionreportedHTMLElement. It is now ignored.export {};declare global {interface HTMLElement {foo(): void;}} -
#7315
4a2bd2fThanks @vladimir-ivanov! - Fixed #7310:useReadonlyClassPropertiescorrectly handles nested assignments, avoiding false positives when a class property is assigned within another assignment expression.Example of code that previously triggered a false positive but is now correctly ignored:
class test {private thing: number = 0; // incorrectly flaggedpublic incrementThing(): void {const temp = { x: 0 };temp.x = this.thing++;}}
2.2.4
Patch Changes
-
#7453
aa8cea3Thanks @arendjr! - Fixed #7242: Aliases specified inpackage.json’simportssection now support having multiple targets as part of an array. -
#7454
ac17183Thanks @arendjr! - Greatly improved performance ofnoImportCyclesby eliminating allocations.In one repository, the total runtime of Biome with only
noImportCyclesenabled went from ~23s down to ~4s. -
#7447
7139aadThanks @rriski! - Fixes #7446. The GritQL$...spread metavariable now correctly matches members in object literals, aligning its behavior with arrays and function calls. -
#6710
98cf9afThanks @arendjr! - Fixed #4723: Type inference now recognises index signatures and their accesses when they are being indexed as a string.Example
type BagOfPromises = {// This is an index signature definition. It declares that instances of type// `BagOfPromises` can be indexed using arbitrary strings.[property: string]: Promise<void>;};let bag: BagOfPromises = {};// Because `bag.iAmAPromise` is equivalent to `bag["iAmAPromise"]`, this is// considered an access to the string index, and a Promise is expected.bag.iAmAPromise; -
#7415
d042f18Thanks @qraqras! - Fixed #7212, now theuseOptionalChainrule recognizes optional chaining usingtypeof(e.g.,typeof foo !== 'undefined' && foo.bar). -
#7419
576baf4Thanks @Conaclos! - Fixed #7323.noUnusedPrivateClassMembersno longer reports as unused TypeScriptprivatemembers if the rule encounters a computed access onthis.In the following example,
memberas previously reported as unused. It is no longer reported.class TsBioo {private member: number;set_with_name(name: string, value: number) {this[name] = value;}} -
351bccdThanks @ematipico! - Added the new nursery lint rulenoJsxLiterals, which disallows the use of string literals inside JSX.The rule catches these cases:
<><div>test</div> {/* test is invalid */}<>test</><div>{/* this string is invalid */}asdjfl test foo</div></> -
#7406
b906112Thanks @mdevils! - Fixed an issue (#6393) where the useHookAtTopLevel rule reported excessive diagnostics for nested hook calls.The rule now reports only the offending top-level call site, not sub-hooks of composite hooks.
// Before: reported twice (useFoo and useBar).function useFoo() {return useBar();}function Component() {if (cond) useFoo();}// After: reported once at the call to useFoo(). -
#7461
ea585a9Thanks @arendjr! - Improved performance ofnoPrivateImportsby eliminating allocations.In one repository, the total runtime of Biome with only
noPrivateImportsenabled went from ~3.2s down to ~1.4s. -
351bccdThanks @ematipico! - Fixed #7411. The Biome Language Server had a regression where opening an editor with a file already open wouldn’t load the project settings correctly. -
#7142
53ff5aeThanks @Netail! - Added the new nursery rulenoDuplicateDependencies, which verifies that no dependencies are duplicated between thebundledDependencies,bundleDependencies,dependencies,devDependencies,overrides,optionalDependencies, andpeerDependenciessections.For example, the following snippets will trigger the rule:
{"dependencies": {"foo": ""},"devDependencies": {"foo": ""}}{"dependencies": {"foo": ""},"optionalDependencies": {"foo": ""}}{"dependencies": {"foo": ""},"peerDependencies": {"foo": ""}} -
351bccdThanks @ematipico! - Fixed #3824. Now the option CLI--coloris correctly applied to logging too.
2.2.5
Patch Changes
-
#7597
5c3d542Thanks @arendjr! - Fixed #6432:useImportExtensionsnow works correctly with aliased paths. -
#7269
f18dac1Thanks @CDGardner! - Fixed #6648, where Biome’snoUselessFragmentscontained inconsistencies with ESLint for fragments only containing text.Previously, Biome would report that fragments with only text were unnecessary under the
noUselessFragmentsrule. Further analysis of ESLint’s behavior towards these cases revealed that text-only fragments (<>A</a>,<React.Fragment>B</React.Fragment>,<RenamedFragment>B</RenamedFragment>) would not havenoUselessFragmentsemitted for them.On the Biome side, instances such as these would emit
noUselessFragments, and applying the suggested fix would turn the text content into a proper JS string.// Ended up as: - const t = "Text"const t = <>Text</>// Ended up as: - const e = t ? "Option A" : "Option B"const e = t ? <>Option A</> : <>Option B</>/* Ended up as:function someFunc() {return "Content desired to be a multi-line block of text."}*/function someFunc() {return <>Content desired to be a multi-lineblock of text.<>}The proposed update was to align Biome’s reaction to this rule with ESLint’s; the aforementioned examples will now be supported from Biome’s perspective, thus valid use of fragments.
// These instances are now valid and won't be called out by noUselessFragments.const t = <>Text</>const e = t ? <>Option A</> : <>Option B</>function someFunc() {return <>Content desired to be a multi-lineblock of text.<>} -
#7498
002cdedThanks @siketyan! - Fixed #6893: TheuseExhaustiveDependenciesrule now correctly adds a dependency that is captured in a shorthand object member. For example:useEffect(() => {console.log({ firstId, secondId });}, []);is now correctly fixed to:
useEffect(() => {console.log({ firstId, secondId });}, [firstId, secondId]); -
#7509
1b61631Thanks @siketyan! - Added a new lint rulenoReactForwardRef, which detects usages offorwardRefthat is no longer needed and deprecated in React 19.For example:
export const Component = forwardRef(function Component(props, ref) {return <div ref={ref} />;});will be fixed to:
export const Component = function Component({ ref, ...props }) {return <div ref={ref} />;};Note that the rule provides an unsafe fix, which may break the code. Don’t forget to review the code after applying the fix.
-
#7520
3f06e19Thanks @arendjr! - Added new nursery rulenoDeprecatedImportsto flag imports of deprecated symbols.Invalid example
foo.js import { oldUtility } from "./utils.js";utils.js /*** @deprecated*/export function oldUtility() {}Valid examples
foo.js import { newUtility, oldUtility } from "./utils.js";utils.js export function newUtility() {}// @deprecated (this is not a JSDoc comment)export function oldUtility() {} -
#7457
9637f93Thanks @kedevked! - AddedstyleandrequireForObjectLiteraloptions to the lint ruleuseConsistentArrowReturn.This rule enforces a consistent return style for arrow functions. It can be configured with the following options:
style: (default:asNeeded)always: enforces that arrow functions always have a block body.never: enforces that arrow functions never have a block body, when possible.asNeeded: enforces that arrow functions have a block body only when necessary (e.g. for object literals).
style: "always"Invalid:
const f = () => 1;Valid:
const f = () => {return 1;};style: "never"Invalid:
const f = () => {return 1;};Valid:
const f = () => 1;style: "asNeeded"Invalid:
const f = () => {return 1;};Valid:
const f = () => 1;style: "asNeeded"andrequireForObjectLiteral: trueValid:
const f = () => {return { a: 1 };}; -
#7510
527cec2Thanks @rriski! - Implements #7339. GritQL patterns can now use native Biome AST nodes using theirPascalCasenames, in addition to the existing TreeSitter-compatiblesnake_casenames.engine biome(1.0)language js(typescript,jsx)or {// TreeSitter-compatible patternif_statement(),// Native Biome AST node patternJsIfStatement()} as $stmt where {register_diagnostic(span=$stmt,message="Found an if statement")} -
#7574
47907e7Thanks @kedevked! - Fixed 7574. The diagnostic message for the ruleuseSolidForComponentnow correctly emphasizes<For />and provides a working hyperlink to the Solid documentation. -
#7497
bd70f40Thanks @siketyan! - Fixed #7320: TheuseConsistentCurlyBracesrule now correctly detects a string literal including"inside a JSX attribute value. -
#7522
1af9931Thanks @Netail! - Added extra references to external rules to improve migration for the following rules:noUselessFragments&noNestedComponentDefinitions -
#7597
5c3d542Thanks @arendjr! - Fixed an issue wherepackage.jsonmanifests would not be correctly discovered when evaluating files in the same directory. -
#7565
38d2098Thanks @siketyan! - The resolver can now correctly resolve.ts,.tsx,.d.ts,.jsfiles by.jsextension if exists, based on the file extension substitution in TypeScript.For example, the linter can now detect the floating promise in the following situation, if you have enabled the
noFloatingPromisesrule.foo.tsexport async function doSomething(): Promise<void> {}bar.tsimport { doSomething } from "./foo.js"; // doesn't exist actually, but it is resolved to `foo.ts`doSomething(); // floating promise! -
#7542
cadad2cThanks @mdevils! - Added the rulenoVueDuplicateKeys, which prevents duplicate keys in Vue component definitions.This rule prevents the use of duplicate keys across different Vue component options such as
props,data,computed,methods, andsetup. Even if keys don’t conflict in the script tag, they may cause issues in the template since Vue allows direct access to these keys.Invalid examples
<script>export default {props: ["foo"],data() {return {foo: "bar",};},};</script><script>export default {data() {return {message: "hello",};},methods: {message() {console.log("duplicate key");},},};</script><script>export default {computed: {count() {return this.value * 2;},},methods: {count() {this.value++;},},};</script>Valid examples
<script>export default {props: ["foo"],data() {return {bar: "baz",};},methods: {handleClick() {console.log("unique key");},},};</script><script>export default {computed: {displayMessage() {return this.message.toUpperCase();},},methods: {clearMessage() {this.message = "";},},};</script> -
#7546
a683accThanks @siketyan! - Internal data for Unicode strings have been updated to Unicode 17.0. -
#7497
bd70f40Thanks @siketyan! - Fixed #7256: TheuseConsistentCurlyBracesrule now correctly ignores a string literal with braces that contains only whitespaces. Previously, literals that contains single whitespace were only allowed. -
#7565
38d2098Thanks @siketyan! - TheuseImportExtensionsrule now correctly detects imports with an invalid extension. For example, importing.tsfile with.jsextension is flagged by default. If you are using TypeScript with neither theallowImportingTsExtensionsoption nor therewriteRelativeImportExtensionsoption, it’s recommended to turn on theforceJsExtensionsoption of the rule. -
#7581
8653921Thanks @lucasweng! - Fixed #7470: solved a false positive fornoDuplicateProperties. Previously, declarations in@containerand@starting-styleat-rules were incorrectly flagged as duplicates of identical declarations at the root selector.For example, the linter no longer flags the
displaydeclaration in@containeror theopacitydeclaration in@starting-style.a {display: block;@container (min-width: 600px) {display: none;}}[popover]:popover-open {opacity: 1;@starting-style {opacity: 0;}} -
#7529
fea905fThanks @qraqras! - Fixed #7517: theuseOptionalChainrule no longer suggests changes for typeof checks on global objects.// oktypeof window !== "undefined" && window.location; -
#7476
c015765Thanks @ematipico! - Fixed a bug where the suppression action fornoPositiveTabindexdidn’t place the suppression comment in the correct position. -
#7511
a0039fdThanks @arendjr! - Added nursery rulenoUnusedExpressionsto flag expressions used as a statement that is neither an assignment nor a function call.Invalid examples
f; // intended to call `f()` insteadfunction foo() {0; // intended to `return 0` instead}Valid examples
f();function foo() {return 0;} -
#7564
40e515fThanks @turbocrime! - Fixed #6617: improveduseIterableCallbackReturnto correctly handle arrow functions with a single-expressionvoidbody.Now the following code doesn’t trigger the rule anymore:
[].forEach(() => void null);
2.2.6
Patch Changes
-
#7071
a8e7301Thanks @ptkagori! - Added theuseQwikMethodUsagelint rule for the Qwik domain.This rule validates Qwik hook usage. Identifiers matching
useXxxmust be called only within serialisable reactive contexts (for example, insidecomponent$, route loaders/actions, or within other Qwik hooks), preventing common Qwik antipatterns.Invalid:
// Top-level hook call is invalid.const state = useStore({ count: 0 });function helper() {// Calling a hook in a non-reactive function is invalid.const loc = useLocation();}Valid:
component$(() => {const state = useStore({ count: 0 }); // OK inside component$.return <div>{state.count}</div>;});const handler = $(() => {const loc = useLocation(); // OK inside a $-wrapped closure.console.log(loc.params);}); -
#7685
52071f5Thanks @denbezrukov! - Fixed #6981: The NoUnknownPseudoClass rule no longer reports local pseudo-classes when CSS Modules are used. -
#7640
899f7b2Thanks @arendjr! - Fixed #7638:useImportExtensionsno longer emits diagnostics on valid import paths that end with a query or hash.Example
// This no longer warns if `index.css` exists:import style from "../theme/index.css?inline"; -
#7071
a8e7301Thanks @ptkagori! - Added theuseQwikValidLexicalScoperule to the Qwik domain.This rule helps you avoid common bugs in Qwik components by checking that your variables and functions are declared in the correct place.
Invalid:
// Invalid: state defined outside the component's lexical scope.let state = useStore({ count: 0 });const Component = component$(() => {return (<button onClick$={() => state.count++}>Invalid: {state.count}</button>);});Valid:
// Valid: state initialised within the component's lexical scope and captured by the event.const Component = component$(() => {const state = useStore({ count: 0 });return <button onClick$={() => state.count++}>Valid: {state.count}</button>;}); -
#7620
5beb1eeThanks @Netail! - Added the ruleuseDeprecatedDate, which makes a deprecation date required for the graphql@deprecateddirective.Invalid
query {member @deprecated(reason: "Use `members` instead") {id}}Valid
query {member@deprecated(reason: "Use `members` instead", deletionDate: "2099-12-25") {id}} -
#7709
d6da4d5Thanks @siketyan! - Fixed #7704: TheuseExhaustiveDependenciesrule now correctly adds an object dependency when its method is called within the closure.For example:
function Component(props) {useEffect(() => {props.foo();}, []);}will now be fixed to:
function Component(props) {useEffect(() => {props.foo();}, [props]);} -
#7624
309ae41Thanks @lucasweng! - Fixed #7595:noUselessEscapeInStringno longer reports$\{escape in template literals. -
#7665
29e4229Thanks @ryan-m-walker! - Fixed #7619: Added support for parsing the CSS:state()pseudo-class.custom-selector:state(checked) {} -
#7608
41df59bThanks @ritoban23! - Fixed #7604: theuseMaxParamsrule now highlights parameter lists instead of entire function bodies. This provides more precise error highlighting. Previously, the entire function was highlighted; now only the parameter list is highlighted, such as(a, b, c, d, e, f, g, h). -
#7643
459a6acThanks @daivinhtran! - Fixed #7580: Include plugin in summary report
2.2.7
Patch Changes
-
#7715
b622425Thanks @Netail! - Added the nursery rulenoEmptySource, disallowing meaningless js, css, json & graphql files to prevent codebase clutter. -
#7714
c7e5a14Thanks @MeGaNeKoS! - Increased the maximum line limit for noExcessiveLinesPerFunction from 255 to 65,535 to better support large JSX/front-end components. -
#5868
2db73aeThanks @bushuai! - Fixed #5856,noRedundantUseStrictnow keeps leading trivia -
#7756
d665c97Thanks @ematipico! - Improved the diagnostic message of the rulenoDuplicateTestHooks.
2.3.0
Minor Changes
-
#7263
a3e3369Thanks @arendjr! - Biome’s resolver now supportsbaseUrlif specified intsconfig.json.Example
Given the following file structure:
tsconfig.json{"compilerOptions": {"baseUrl": "./src"}}src/foo.tsexport function foo() {}In this scenario,
import { foo } from "foo";should work regardless of the location of the file containing theimportstatement.Fixes #6432.
-
#7745
6fcbc07Thanks @dyc3! - Addedignoreoption tonoUnknownAtRules. If an unknown at-rule matches any of the items provided inignore, a diagnostic won’t be emitted. -
#7753
63cb7ffThanks @ematipico! - Enhanced theinitcommand. Theinitcommand now checks if the existing project contains known ignore files and known generated folders.If Biome finds
.gitignoreor.ignorefiles, it will add the following configuration tobiome.json:{"vcs": {"enabled": true,"clientKind": "git","useIgnoreFile": true}}If Biome finds a
dist/folder, it will exclude it automatically using the double-exclude syntax:{"files": {"includes": ["**", "!!**/dist"]}} -
#7548
85d3a3aThanks @siketyan! - The rules in a domain are no longer enabled automatically by the installed dependencies unless the rule is recommended. -
#7723
d3aac63Thanks @ematipico! - Added--css-parse-css-modulesCLI flag to control whether CSS Modules syntax is enabled.You can now enable or disable CSS Modules parsing directly from the command line:
Terminal window biome check --css-parse-css-modules=true file.module.cssbiome format --css-parse-css-modules=true file.module.cssbiome lint --css-parse-css-modules=true file.module.cssbiome ci --css-parse-css-modules=true file.module.css -
#7723
d3aac63Thanks @ematipico! - Added--css-parse-tailwind-directivesCLI flag to control whether Tailwind CSS 4.0 directives and functions are enabled.You can now enable or disable Tailwind CSS 4.0 directive parsing directly from the command line:
Terminal window biome check --css-parse-tailwind-directives=true file.cssbiome format --css-parse-tailwind-directives=true file.cssbiome lint --css-parse-tailwind-directives=true file.cssbiome ci --css-parse-tailwind-directives=true file.css -
#7330
272632fThanks @ematipico! - Updated the formatting of.svelteand.vuefiles. Now the indentation of the JavaScript blocks matches Prettier’s:<script>import Component from "./Component"import Component from "./Component"</script> -
#7333
de0d2d6Thanks @dyc3! - Implemented theindentScriptAndStyleoption for vue and svelte files, with the default set tofalseto match Prettier’svueIndentScriptAndStyleoption. When enabled, this option indents the content within<script>and<style>tags to align with the surrounding HTML structure.It can be enabled with this configuration:
{"html": {"formatter": {"indentScriptAndStyle": true}}}Which will format this code to:
<script>import Component from "./Component.vue";</script> -
#7359
ebbddc4Thanks @arendjr! - Deprecated the optionfiles.experimentalScannerIgnoresin favour of force-ignore syntax infiles.includes.files.includessupports ignoring files by prefixing globs with an exclamation mark (!). With this change, it also supports force-ignoring globs by prefixing them with a double exclamation mark (!!).The effect of force-ignoring is that the scanner will not index files matching the glob, even in project mode, even if those files are imported by other files, and even if they are files that receive special treatment by Biome, such as nested
biome.jsonfiles.Example
Let’s take the following configuration:
{"files": {"includes": ["**","!**/generated","!!**/dist","fixtures/example/dist/*.js"]},"linter": {"domains": {"project": "all"}}}This configuration achieves the following:
- Because the project domain is enabled, all supported files in the project are indexed and processed by the linter, except:
- Files inside a
generatedfolder are not processed by the linter, but they will get indexed if a file outside ageneratedfolder imports them. - Files inside a
distfolder are never indexed nor processed, not even if they are imported for any purpose, except: - When the
distfolder is insidefixtures/example/, its.jsfiles do get both indexed and processed.
In general, we now recommend using the force-ignore syntax for any folders that contain output files, such as
build/anddist/. For such folders, it is highly unlikely that indexing has any useful benefits. For folders containing generated files, you may wish to use the regular ignore syntax so that type information can still be extracted from the files.experimentalScannerIgnoreswill continue to work for now, but you’ll see a deprecation warning if you still use it.Run the
biome migrate --writecommand to automatically update the configuration file. -
#7698
3b6f5e3Thanks @ematipico! - Added a new reporter namedrdjson. This reporter prints diagnostics following the RDJSON format:The following command:
Terminal window biome check --reporter=rdjsonWill emit diagnostics in the following format:
{"source": {"name": "Biome","url": "https://biomejs.dev"},"diagnostics": [{"code": {"url": "https://biomejs.dev/linter/rules/no-unused-imports","value": "lint/correctness/noUnusedImports"},"location": {"path": "index.ts","range": {"end": {"column": 11,"line": 0},"start": {"column": 7,"line": 0}}},"message": "This import is unused."},{"code": {"url": "https://biomejs.dev/linter/rules/no-unused-imports","value": "lint/correctness/noUnusedImports"},"location": {"path": "index.ts","range": {"end": {"column": 10,"line": 1},"start": {"column": 9,"line": 1}}},"message": "Several of these imports are unused."}]} -
#7719
188a767Thanks @cadunass! - TheformatWithErrorsoption can now be set via CLI using the--format-with-errorsflag.This flag was previously only available in the configuration file. It allows formatting to proceed on files with syntax errors, which is useful during development when you want to auto-format code while fixing syntax issues.
Example
Terminal window biome format --format-with-errors=true --write file.js -
#7723
d3aac63Thanks @ematipico! - Added--json-parse-allow-commentsCLI flag to control whether comments are allowed in JSON files.You can now enable or disable comment parsing in JSON files directly from the command line:
Terminal window biome check --json-parse-allow-comments=true file.jsonbiome format --json-parse-allow-comments=true file.jsonbiome lint --json-parse-allow-comments=true file.jsonbiome ci --json-parse-allow-comments=true file.json -
#7723
d3aac63Thanks @ematipico! - Added--json-parse-allow-trailing-commasCLI flag to control whether trailing commas are allowed in JSON files.You can now enable or disable trailing comma parsing in JSON files directly from the command line:
Terminal window biome check --json-parse-allow-trailing-commas=true file.jsonbiome format --json-parse-allow-trailing-commas=true file.jsonbiome lint --json-parse-allow-trailing-commas=true file.jsonbiome ci --json-parse-allow-trailing-commas=true file.json -
#7758
cea002fThanks @ematipico! - Promoted new lint rules:- Promoted
noNonNullAssertedOptionalChainto the suspicious group - Promoted
useReactFunctionComponentsto thestylegroup - Promoted
useImageSizeto thecorrectnessgroup - Promoted
useConsistentTypeDefinitionsto thestylegroup - Promoted
useQwikClasslistto thecorrectnessgroup - Promoted
noSecretsto thesecuritygroup
Removed the lint rule
useAnchorHref, because its use case is covered byuseValidAnchor. - Promoted
-
#6356
296627dThanks @wrick17! - Added the newcheckstylereporter. When--reporter=checkstyleis passed to the CLI, Biome will emit diagnostics for Checkstyle format:<?xml version="1.0" encoding="utf-8"?><checkstyle version="4.3"><file name="index.ts"><error line="1" column="8" severity="warning" message="This import is unused." source="lint/correctness/noUnusedImports" /><error line="2" column="10" severity="warning" message="Several of these imports are unused." source="lint/correctness/noUnusedImports" /><error line="8" column="5" severity="warning" message="This variable f is unused." source="lint/correctness/noUnusedVariables" /><error line="9" column="7" severity="warning" message="This variable f is unused." source="lint/correctness/noUnusedVariables" /><error line="1" column="1" severity="error" message="The imports and exports are not sorted." source="assist/source/organizeImports" /><error line="4" column="3" severity="error" message="Using == may be unsafe if you are relying on type coercion." source="lint/suspicious/noDoubleEquals" /><error line="6" column="1" severity="error" message="This is an unexpected use of the debugger statement." source="lint/suspicious/noDebugger" /><error line="8" column="5" severity="error" message="This variable implicitly has the any type." source="lint/suspicious/noImplicitAnyLet" /><error line="9" column="7" severity="error" message="This variable implicitly has the any type." source="lint/suspicious/noImplicitAnyLet" /><error line="2" column="10" severity="error" message="Shouldn't redeclare 'z'. Consider to delete it or rename it." source="lint/suspicious/noRedeclare" /><error line="9" column="7" severity="error" message="Shouldn't redeclare 'f'. Consider to delete it or rename it." source="lint/suspicious/noRedeclare" /><error line="0" column="0" severity="error" message="Formatter would have printed the following content:" source="format" /></file><file name="main.ts"><error line="1" column="8" severity="warning" message="This import is unused." source="lint/correctness/noUnusedImports" /><error line="2" column="10" severity="warning" message="Several of these imports are unused." source="lint/correctness/noUnusedImports" /><error line="8" column="5" severity="warning" message="This variable f is unused." source="lint/correctness/noUnusedVariables" /><error line="9" column="7" severity="warning" message="This variable f is unused." source="lint/correctness/noUnusedVariables" /><error line="1" column="1" severity="error" message="The imports and exports are not sorted." source="assist/source/organizeImports" /><error line="4" column="3" severity="error" message="Using == may be unsafe if you are relying on type coercion." source="lint/suspicious/noDoubleEquals" /><error line="6" column="1" severity="error" message="This is an unexpected use of the debugger statement." source="lint/suspicious/noDebugger" /><error line="8" column="5" severity="error" message="This variable implicitly has the any type." source="lint/suspicious/noImplicitAnyLet" /><error line="9" column="7" severity="error" message="This variable implicitly has the any type." source="lint/suspicious/noImplicitAnyLet" /><error line="2" column="10" severity="error" message="Shouldn't redeclare 'z'. Consider to delete it or rename it." source="lint/suspicious/noRedeclare" /><error line="9" column="7" severity="error" message="Shouldn't redeclare 'f'. Consider to delete it or rename it." source="lint/suspicious/noRedeclare" /><error line="0" column="0" severity="error" message="Formatter would have printed the following content:" source="format" /></file></checkstyle> -
#7488
b13e524Thanks @kpapa05! - Added “@rbxts/react” as an alias for “react” for handling the reactClassic jsxRuntime. -
#7536
0bccd34Thanks @TheAlexLichter! - Added.oxlintrc.jsonto well-known files. -
#7548
85d3a3aThanks @siketyan! - The following rules are now a part of thereactdomain, and they won’t be enabled automatically unless you enabled the domain, or Biome detectsreactas a dependency of your closestpackage.json:lint/correctness/noChildrenProp(recommended)lint/correctness/noReactPropAssignmentslint/security/noDangerouslySetInnerHtml(recommended)lint/security/noDangerouslySetInnerHtmlWithChildren(recommended)lint/style/useComponentExportOnlyModuleslint/suspicious/noArrayIndexKey(recommended)
-
#7667
480909aThanks @ematipico! - Added the ability to show severityInformationdiagnostics in reporter outputs.If one or more rules are triggered, and they are configured to emit an
Informationdiagnostic, now they’re counted in the final output:Terminal window Checked 1 file in <TIME>. No fixes applied.Found 1 info. -
#7702
28e8860Thanks @ematipico! - Added linting and assist support for.htmlfiles, with addition of two new configurations:html.linter.enabledhtml.assist.enabled
The HTML linter, in this release, only contains the rule
noHeaderScope. More rules will be released in the upcoming releases. -
#7164
f66b0c5Thanks @dyc3! - Added a new CSS parser optiontailwindDirectives. Enabling this option will allow all of Tailwind v4’s syntax additions to be parsed and formatted by Biome.You can enable this by setting
css.parser.tailwindDirectivestotruein your Biome configuration.{"css": {"parser": {"tailwindDirectives": true}}} -
#7669
6ed4d16Thanks @barklund! - React 19.2 support is now supported in Biome:- Treats
useEffectEventlikeuseRefinuseExhaustiveDependencies - Added
<Activity />to known React APIs.
- Treats
-
#7702
28e8860Thanks @ematipico! - Added experimental full support for HTML, Vue, Svelte and Astro files. In this release, the HTML parser has been enhanced, and it’s now able to parse.vue,.svelteand.astrofiles.This means that now Biome is able to lint and format the JavaScript (TypeScript), HTML and CSS code that is contained in these files.
Now that the main architecture is stable and working, in the upcoming patches and minors we will also fix possible inaccuracies and edge cases coming from existing lint rules, such as
noUnusedVariablesinside<script>blocks or frontmatter.The support is considered experimental because there might be cases that aren’t fine-parsed yet, hence causing possible inaccuracies when it comes to formatting and linting.
-
#7599
09445c8Thanks @anaisbetts! - #### lineEnding has a new optionautoThe option
lineEndingnow has a variant calledautoto match the operating system’s expected line-ending style: on Windows, this will be CRLF (\r\n), and on macOS / Linux, this will be LF (\n).This allows for cross-platform projects that use Biome not to have to force one option or the other, which aligns better with Git’s default behavior on these platforms.
Example usage:
{"formatter": {"lineEnding": "auto"}}Terminal window biome format --line-ending auto -
#7392
e4feb8eThanks @ematipico! - Added new capabilities to the CLI arguments--skipand--only, available to thebiome lintcommand.--skipand--onlycan now accept domain names; when provided, Biome will run or skip all the rules that belong to a certain domain.For example, the following command will only run the rules that belong to the next domain:
Terminal window biome lint --only=nextAnother example, the following command will skip the rules that belong to the project domain:
Terminal window biome lint --skip=project -
#7702
28e8860Thanks @ematipico! - Added a new option calledhtml.interpolation. This option enables the parsing of text expressions (or interpolation) in HTML files.The following
file.htmlwill be correctly formatted:file.html <div>Hello {{ name }}!<p>Your balance is: {{ account.balance }}</p><button>{{ isLoading ? "Loading..." : "Submit" }}</button></div>To note that
html.interpolationonly parses text expressions that are delimited by double curly braces ({{ }}). The content of expressions is parsed as normal text.
Patch Changes
-
#7712
fcc9b42Thanks @minht11! - Added new ruleuseVueDefineMacrosOrderwhich allows enforcing specific order for Vue compiler macros.In this example, the rule will suggest moving
definePropsbeforedefineEmits:<script lang="ts" setup>const emit = defineEmits(["update"]);const props = defineProps<{ name: string }>();</script> -
#7698
3b6f5e3Thanks @ematipico! - Fixed an issue where the JUnit reporter returned a zero-based location. Now the location returned is one-based. -
#7819
ef45056Thanks @ematipico! - Fixed #7788. Removes some error logging that were emitted when loading possible configuration files. -
#7593
e51dd55Thanks @arendjr! - Fixed an issue with thefiles.maxSizesetting. Previously the setting would always be looked up in the root settings, even in monorepos where a closerbiome.jsonis available. It now correctly uses the nearest configuration. -
#7825
ad55b35Thanks @Conaclos! - Fixed #7798. useNamingConvention no longer panics when it encounters a name that consists of a single dollar sign$that doesn’t match a custom convention. -
#7764
93be2abThanks @gaauwe! - Fixed #6589: Biome now properly loads extension settings before loading the configuration file when opening a text document in the LSP server.
2.3.1
Patch Changes
-
#7840
72afdfaThanks @ematipico! - Fixed #7838, which caused the new--css-parse-*arguments not being recognised by thecicommand. -
#7789
d5b416eThanks @fronterior! - Fixed the LSP methodworkspace/didChangeWorkspaceFoldersto perform incremental updates instead of replacing the entire folder list. -
#7852
bd254c7Thanks @dyc3! - Fixed #7843: The CSS parser, whentailwindDirectivesis enabled, correctly parses--*: initial;. -
#7872
0fe13feThanks @dyc3! - Fixed #7861: The HTML parser will now accept Svelte attribute shorthand syntax in.sveltefiles. -
#7866
7b2600bThanks @dyc3! - Fixed #7860: The css parser, withtailwindDirectivesenabled, will now accept@pluginoptions. -
#7853
fe90c78Thanks @dyc3! - Fixed #7848: The css parser withtailwindDirectivesenabled will now correctly parse tailwind’s source exclude syntax:@source not "foo.css"; -
#7878
c9f7fe5Thanks @ematipico! - Fixed #7857: Biome now parses<script>tags as TypeScript when analysing.astrofiles. -
#7867
b42b718Thanks @smorimoto! - Fixed incorrect option name in HTML parser error message.The error message for disabled text expressions incorrectly referred to the
html.parser.textExpressionoption, which does not exist. Updated it to reference the correcthtml.parser.interpolationoption.
2.3.2
Patch Changes
-
#7859
c600618Thanks @Netail! - Added the nursery rulenoIncrementDecrement, disallows the usage of the unary operators ++ and —. -
#7901
0d17b05Thanks @ematipico! - Fixed #7837, where Biome couldn’t properly parse text expressions that contained nested curly brackets. This was breaking parsing in Astro and Svelte files. -
#7874
e617d36Thanks @Bertie690! - Fixed #7230:noUselessStringConcatno longer emits false positives for multi-line strings with leading+operators.Previously, the rule did not check for leading newlines on the
+operator, emitting false positives if one occurred at the start of a line.
Notably, formatting withoperatorLinebreak="before"would move the+operators to the start of lines automatically, resulting in spurious errors whenever a multi-line string was used.Now, the rule correctly detects and ignores multi-line concatenations with leading operators as well, working regardless of the setting of
operatorLinebreak.Example
// The following code used to error if the `+` operators were at the start of lines (as opposed to the end).// Now, the rule correctly recognizes this as a stylistic concatenation and ignores it.const reallyLongStringThatShouldNotError ="Lorem ipsum dolor sit amet consectetur adipiscing elit." +"Quisque faucibus ex sapien vitae pellentesque sem placerat." +"In id cursus mi pretium tellus duis convallis." +"Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla"; -
#7786
33ffcd5Thanks @daivinhtran! - Fixed #7601: Properly match Grit plugin’s code snippet with only one child. -
#7901
0d17b05Thanks @ematipico! - Fixed #7837, where Biome Language Server panicked when opening HTML-ish files when the experimental full support is enabled.
2.3.3
Patch Changes
-
#7907
57bd662Thanks @ematipico! - Fixed #7839. Now the Biome parser correctly parses the Astro frontmatter even when a triple fence is inside quotes. -
#7934
a35c496Thanks @alissonlauffer! - Fixed #7919: The HTML parser now correctly handles Unicode BOM (Byte Order Mark) characters at the beginning of HTML files, ensuring proper parsing and tokenization. -
#7869
c80361dThanks @matanshavit! - Fixed #7864: Biome now preserves component tag name casing in Svelte, Astro, and Vue files. -
#7926
69cececThanks @matanshavit! - Added the rulenoParametersOnlyUsedInRecursion.This rule detects function parameters that are exclusively used in recursive calls and can be removed to simplify the function signature since they are effectively unused.
function factorial(n, acc) {if (n === 0) return 1;return factorial(n - 1, acc); // acc is only used here}Fixes #6484.
-
#7774
2509b91Thanks @dibashthapa! - Fixed #7657: Added the new ruleno-unknown-propertyfrom ESLint -
#7918
7165d06Thanks @dyc3! - Fixed #7913: The CSS parser, withtailwindDirectivesenabled, will now correctly handle@slot. -
#7959
ffae203Thanks @siketyan! - Fixed the Biome Language Server so it no longer returns an internal error when the formatter is disabled in the configuration.
2.3.4
Patch Changes
-
#7989
4855c4aThanks @alissonlauffer! - Fixed a regression in Astro frontmatter parsing where comments inside quoted strings were incorrectly detected as actual comments. This caused the parser to prematurely terminate frontmatter parsing when encountering strings likeconst test = "//";. For example, the following Astro frontmatter now parses correctly:---const test = "// not a real comment";--- -
#7968
0b28f5fThanks @denbezrukov! - Refactored formatter to use strictTokenelement for better performance. The newTokenvariant is optimized for static, ASCII-only text (keywords, operators, punctuation) with the following constraints:- ASCII only (no Unicode characters)
- No newlines (
\n,\r) - No tab characters (
\t)
This enables faster printing and fitting logic by using bulk string operations (
push_str,len()) instead of character-by-character iteration with Unicode width calculations. -
#7941
19b8280Thanks @Conaclos! - Fixed #7943. Rules’optionsare now properly merged with the inheritedoptionsfrom a shared configuration.This means that you can now override a specific option from a rule without resetting the other options to their default.
Given the following shared configuration:
{"linter": {"rules": {"style": {"useNamingConvention": {"level": "on","options": {"strictCase": false,"conventions": [{"selector": { "kind": "variable", "scope": "global" },"formats": ["CONSTANT_CASE"]}]}}}}}}And the user configuration that extends this shared configuration:
{"extends": ["shared.json"],"linter": {"rules": {"style": {"useNamingConvention": {"level": "on","options": { "strictCase": true }}}}}}The obtained merged configuration is now as follows:
{"extends": ["shared.json"],"linter": {"rules": {"style": {"useNamingConvention": {"level": "on","options": {"strictCase": true,"conventions": [{"selector": { "kind": "variable", "scope": "global" },"formats": ["CONSTANT_CASE"]}]}}}}}} -
#7969
425963dThanks @ematipico! - Added support for the Svelte syntax{@debug}. The Biome HTML parser is now able to parse and format the blocks:{@debug foo,bar, something}{@debug foo, bar, something} -
#7986
3256f82Thanks @lisiur! - Fixed #7981. Now Biome correctly detects and parseslang='tsx'andlang='jsx'languages when used inside in.vuefiles, when.experimentalFullSupportEnabledis enabled. -
#7921
547c2daThanks @dyc3! - Fixed #7854: The CSS parser, withtailwindDirectivesenabled, will now parse@source inline("underline");. -
#7856
c9e20c3Thanks @Netail! - Added the nursery rulenoContinue. Disallowing the usage of thecontinuestatement, structured control flow statements such asifshould be used instead.Invalid:
let sum = 0,i;for (i = 0; i < 10; i++) {if (i >= 5) {continue;}sum += i;}Valid:
let sum = 0,i;for (i = 0; i < 10; i++) {if (i < 5) {sum += i;}}
2.3.5
Patch Changes
-
#8023
96f3e77Thanks @ematipico! - Added support Svelte syntax{@html}. Biome now is able to parse and format the Svelte syntax{@html}:{@html 'div'}{@html 'div'}The contents of the expressions inside the
{@html <expression>}aren’t formatted yet. -
#8058
5f68bccThanks @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
96f3e77Thanks @ematipico! - Added support Svelte syntax{@render}. Biome now is able to parse and format the Svelte syntax{@render}:{@render sum(1, 2) }{@render sum(1, 2)}The contents of the expressions inside the
{@render <expression>}aren’t formatted yet. -
#8006
f0612a5Thanks @Bertie690! - Updated documentation and diagnostic forlint/complexity/noBannedTypes. The rule should have a more detailed description and diagnostic error message. -
#8039
da70d8bThanks @PFiS1737! - Biome now keeps a blank line after the frontmatter section in Astro files. -
#8042
b7efa6fThanks @dyc3! - The CSS Parser, withtailwindDirectivesenabled, will now accept at rules like@mediaand@supportsin@custom-variantshorthand syntax. -
#8064
3ff9d45Thanks @dibashthapa! - Fixed #7967: Fixed the issue with support for advanced SVG props -
#8023
96f3e77Thanks @ematipico! - Added support Svelte syntax{@attach}. Biome now is able to parse and format the Svelte syntax{@attach}:<div {@attach myAttachment }>...</div><div {@attach myAttachment}>...</div>The contents of the expressions inside the
{@attach <expression>}aren’t formatted yet. -
#8001
6e8a50eThanks @ematipico! - Added support Svelte syntax{#key}. Biome now is able to parse and format the Svelte syntax{#key}:{#key expression} <div></div> {/key}{#key expression}<div></div>{/key}The contents of the expressions inside the
{#key <expression>}aren’t formatted yet. -
#8023
96f3e77Thanks @ematipico! - Added support Svelte syntax{@const}. Biome now is able to parse and format the Svelte syntax{@const}:{@const name = value}{@const name = value}The contents of the expressions inside the
{@const <expression>}aren’t formatted yet. -
#8044
8f77d4aThanks @Netail! - Corrected rule source references.biome migrate eslintshould do a bit better detecting rules in your eslint configurations. -
#8065
1a2d1afThanks @Netail! - Added the nursery ruleuseArraySortCompare. Require Array#sort and Array#toSorted calls to always provide a compareFunction.Invalid:
const array = [];array.sort();Valid:
const array = [];array.sort((a, b) => a - b); -
#7673
a3a713dThanks @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 (akaexperimentalFullSupportEnabled), we greatly appreciate your help testing this out, and your bug reports. -
#8031
fa6798aThanks @ematipico! - Added support for the Svelte syntax{#if}{/if}. The Biome HTML parser is now able to parse and format the{#if}{/if} blocks:<!-- if / else-if / else -->{#if porridge.temperature > 100}<p>too hot!</p><p>too hot!</p>{:else if 80 > porridge.temperature}<p>too cold!</p><p>too cold!</p>{:else if 100 > porridge.temperature}<p>too too cold!</p><p>too too cold!</p>{:else}<p>just right!</p><p>just right!</p>{/if} -
#8041
beeb7bbThanks @dyc3! - The CSS parser, withtailwindDirectivesenabled, will now accept lists of selectors in@custom-variantshorthand syntax.@custom-variant cell (th:has(&), td:has(&)); -
#8028
c09e45cThanks @fmajestic! - The GitLab reporter now outputs format errors. -
#8037
78011b1Thanks @PFiS1737! -indentScriptAndStyleno longer indents the frontmatter in Astro files. -
#8009
6374b1fThanks @tmcw! - Fixed an edge case in theuseArrowFunctionrule.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:
// Valid: this function cannot be transformed into an arrow function because// arguments is not defined for arrow functions.const getFirstArg = function () {return arguments[0];};
2.3.6 Latest
Patch Changes
-
#8100
82b9a8eThanks @Netail! - Added the nursery ruleuseFind. Enforce the use of Array.prototype.find() over Array.prototype.filter() followed by [0] when looking for a single result.Invalid:
[1, 2, 3].filter((x) => x > 1)[0];[1, 2, 3].filter((x) => x > 1).at(0); -
#8118
dbc7021Thanks @hirokiokada77! - Fixed #8117:useValidLangnow accepts valid BCP 47 language tags with script subtags.Valid:
<html lang="zh-Hans-CN"></html> -
#7672
f1d5725Thanks @Netail! - Added the nursery ruleuseConsistentGraphqlDescriptions, requiring all descriptions to follow the same style (either block or inline) inside GraphQL files.Invalid:
enum EnumValue {"this is a description"DEFAULT}Valid:
enum EnumValue {"""this is a description"""DEFAULT} -
#8026
f102661Thanks @matanshavit! - Fixed #8004:noParametersOnlyUsedInRecursionnow correctly detects recursion by comparing function bindings instead of just names.Previously, the rule incorrectly flagged parameters when a method had the same name as an outer function but called the outer function (not itself):
function notRecursive(arg) {return arg;}const obj = {notRecursive(arg) {return notRecursive(arg); // This calls the outer function, not the method itself},};Biome now properly distinguishes between these cases and will not report false positives.
-
#8097
5fc5416Thanks @dyc3! - Added the nursery rulenoVueVIfWithVFor. This rule disallowsv-forandv-ifon the same element.<!-- Invalid --><div v-for="item in items" v-if="item.isActive">{{ item.name }}</div> -
#8085
7983940Thanks @Netail! - Added the nursery rulenoForIn. Disallow iterating using a for-in loop.Invalid:
for (const i in array) {console.log(i, array[i]);} -
#8086
2b41e82Thanks @matanshavit! - Fixed #8045: ThenoNestedTernaryrule now correctly detects nested ternary expressions even when they are wrapped in parentheses (e.g.foo ? (bar ? 1 : 2) : 3).Previously, the rule would not flag nested ternaries like
foo ? (bar ? 1 : 2) : 3because the parentheses prevented detection. The rule now looks through parentheses to identify nested conditionals.Previously not detected (now flagged):
const result = foo ? (bar ? 1 : 2) : 3;Still valid (non-nested with parentheses):
const result = foo ? bar : baz; -
#8075
e403868Thanks @YTomm! - Fixed #7948: TheuseReadonlyClassPropertiescode fix whencheckAllPropertiesis enabled will no longer insert a newline afterreadonlyand the class property. -
#8102
47d940eThanks @lucasweng! - Fixed #8027.useReactFunctionComponentsno longer reports class components that implementcomponentDidCatchusing class expressions.The rule now correctly recognizes error boundaries defined as class expressions:
const ErrorBoundary = class extends Component {componentDidCatch(error, info) {}render() {return this.props.children;}}; -
#8097
5fc5416Thanks @dyc3! - Added the nursery ruleuseVueHyphenatedAttributes, which encourages using kebab case for attribute names, per the Vue style guide’s recommendations.<!-- Invalid --><MyComponent myProp="value" /><!-- Valid --><MyComponent my-prop="value" /> -
#8108
0f0a658Thanks @Netail! - Added the nursery rulenoSyncScripts. Prevent the usage of synchronous scripts.Invalid:
<script src="https://third-party-script.js" />Valid:
<script src="https://third-party-script.js" async /><script src="https://third-party-script.js" defer /> -
#8098
1fdcaf0Thanks @Jayllyz! - Added documentation URLs to rule descriptions in the JSON schema. -
#8097
5fc5416Thanks @dyc3! - Fixed an issue with the HTML parser where it would treat Vue directives with dynamic arguments as static arguments instead. -
#7684
f4433b3Thanks @vladimir-ivanov! - ChangednoUnusedPrivateClassMembersto align more fully with meaningful reads.This rule now distinguishes more carefully between writes and reads of private class members.
- A meaningful read is any access that affects program behavior.
- For example,
this.#x += 1both reads and writes#x, so it counts as usage. - Pure writes without a read (e.g.
this.#x = 1with no getter) are no longer treated as usage.
This change ensures that private members are only considered “used” when they are actually read in a way that influences execution.
Invalid examples (previously valid)
class UsedMember {set #x(value) {doSomething(value);}foo() {// This assignment does not actually read #x, because there is no getter.// Previously, this was considered a usage, but now it’s correctly flagged.this.#x = 1;}}Valid example (Previously invalid)
class Foo {#usedOnlyInWriteStatement = 5;method() {// This counts as a meaningful read because we both read and write the value.this.#usedOnlyInWriteStatement += 42;}} -
#7684
f4433b3Thanks @vladimir-ivanov! - Improved detection of used private class membersThe analysis for private class members has been improved: now the tool only considers a private member “used” if it is actually referenced in the code.
- Previously, some private members might have been reported as used even if they weren’t actually accessed.
- With this change, only members that are truly read or called in the code are counted as used.
- Members that are never accessed will now be correctly reported as unused.
This makes reports about unused private members more accurate and helps you clean up truly unused code.
Example (previously valid)
type YesNo = "yes" | "no";export class SampleYesNo {private yes: () => void;private no: () => void;private dontKnow: () => void; // <- will now report as unusedon(action: YesNo): void {this[action]();}} -
#7681
b406db6Thanks @kedevked! - Added the new lint rule,useSpread, ported from the ESLint ruleprefer-spread.This rule enforces the use of the spread syntax (
...) overFunction.prototype.apply()when calling variadic functions, as spread syntax is generally more concise and idiomatic in modern JavaScript (ES2015+).The rule provides a safe fix.
Invalid
Math.max.apply(Math, args);foo.apply(undefined, args);obj.method.apply(obj, args);Valid
Math.max(...args);foo(...args);obj.method(...args);// Allowed: cases where the `this` binding is intentionally changedfoo.apply(otherObj, args); -
#7287
aa55c8dThanks @ToBinio! - Fixed #7205: ThenoDuplicateTestHooksrule now treats chained describe variants (e.g., describe.each/for/todo) as proper describe scopes, eliminating false positives.The following code will no longer be a false positive:
describe("foo", () => {describe.for([])("baz", () => {beforeEach(() => {});});describe.todo("qux", () => {beforeEach(() => {});});describe.todo.each([])("baz", () => {beforeEach(() => {});});}); -
#8013
0c0edd4Thanks @Jayllyz! - Added the GraphQL nursery ruleuseUniqueGraphqlOperationName. This rule ensures that all GraphQL operations within a document have unique names.Invalid:
query user {user {id}}query user {user {idemail}}Valid:
query user {user {id}}query userWithEmail {user {idemail}} -
#8084
c2983f9Thanks @dyc3! - Fixed #8080: The HTML parser, when parsing Vue, can now properly handle Vue directives with no argument, modifiers, or initializer (e.g.v-else). It will no longer treat subsequent valid attributes as bogus.<p v-else class="flex">World</p><!-- Fixed: class now gets parsed as it's own attribute --> -
#8104
041196bThanks @Conaclos! - FixednoInvalidUseBeforeDeclaration. The rule no longer reports a use of an ambient variable before its declarations. The rule also completely ignores TypeScript declaration files. The following code is no longer reported as invalid:CONSTANT;declare const CONSTANT: number; -
#8060
ba7b076Thanks @dyc3! - Added the nursery ruleuseVueValidVBind, which enforces the validity ofv-binddirectives in Vue files.Invalid
v-bindusages include:<Foo v-bind /><!-- Missing argument --><Foo v-bind:foo /><!-- Missing value --><Foo v-bind:foo.bar="baz" /><!-- Invalid modifier --> -
#8113
fb8e3e7Thanks @Conaclos! - FixednoInvalidUseBeforeDeclaration. The rule now reports invalid use of classes, enums, and TypeScript’s import-equals before their declarations.The following code is now reported as invalid:
new C();class C {} -
#8077
0170dcbThanks @dyc3! - Added the ruleuseVueValidVElseIfto enforce validv-else-ifdirectives in Vue templates. This rule reports invalidv-else-ifdirectives with missing conditional expressions or when not preceded by av-iforv-else-ifdirective. -
#8077
0170dcbThanks @dyc3! - Added the ruleuseVueValidVElseto enforce validv-elsedirectives in Vue templates. This rule reportsv-elsedirectives that are not preceded by av-iforv-else-ifdirective. -
#8077
0170dcbThanks @dyc3! - Added the ruleuseVueValidVHtmlto enforce valid usage of thev-htmldirective in Vue templates. This rule reportsv-htmldirectives with missing expressions, unexpected arguments, or unexpected modifiers. -
#8077
0170dcbThanks @dyc3! - Added the ruleuseVueValidVIfto enforce validv-ifdirectives in Vue templates. It disallows arguments and modifiers, and ensures a value is provided. -
#8077
0170dcbThanks @dyc3! - Added the ruleuseVueValidVOnto enforce validv-ondirectives in Vue templates. This rule reports invalidv-on/ shorthand@directives with missing event names, invalid modifiers, or missing handler expressions.
Copyright (c) 2023-present Biome Developers and Contributors.