Biome

Biome is a blazingly fast formatter and linter for JavaScript, TypeScript, JSX, and JSON, designed to replace ESLint and Prettier with a single tool.

Why use Biome?

• Ultra-Fast: Written in Rust, up to 97% faster than ESLint/Prettier
• All-in-One: Combines formatting and linting in a single tool
• Compatible: Drop-in replacement for Prettier/ESLint configurations
• Zero Config: Works out of the box with sensible defaults
• Editor Support: Native integrations for VS Code, IntelliJ, and more
• Import Sorting: Automatic organization of imports

Technical Changes

Configuration File

• Creates biome.json at project root with comprehensive settings

Schema & VCS

• VCS integration: Git enabled with .gitignore support
• Default branch: main

File Configuration

• ignoreUnknown: true (skip unknown file types)
• Excluded paths:
  • apps/app/src/app/init/**/*
  • packages/ui/src/components/**/*
  • packages/ui/src/styles/**/*
  • **/*.css
  • **/.next/**/*
  • **/node_modules/**/*
  • **/.husky/**/*
  • **/dist/**/*
  • **/out/**/*
  • **/generated/**/*
  • **/.turbo/**/*

Formatter Settings

• Enabled with error-free formatting
• Indent style: spaces (2 spaces)
• Line ending: LF (Unix-style)
• Line width: 120 characters

JavaScript/TypeScript Formatting

• Quote style: single quotes
• JSX quote style: single quotes
• Semicolons: always required
• Trailing commas: all (objects, arrays, functions)
• Bracket spacing: enabled
• Bracket same line: disabled (JSX closing brackets on new line)

JSON Formatting

• Trailing commas: none (JSON spec compliant)

Linter Rules

• Base: recommended rules enabled
• Suspicious rules:
  • noExplicitAny: off (allows any type)
  • noArrayIndexKey: off (allows array indices as keys)
  • noConsole: off with console.log allowed
• Accessibility (a11y):
  • useKeyWithClickEvents: off
  • noStaticElementInteractions: off
• Correctness:
  • noUnusedVariables: info level with unsafe fixes
• Complexity:
  • noForEach: off (allows forEach loops)

Import Organization

• Automatic import sorting enabled via assist.actions.source.organizeImports