Skip to content

fix: prevent Biome/Prettier formatter conflict in VS Code - #157

Merged
egdev6 merged 2 commits into
mainfrom
fix/vscode-biome-formatter-conflict
May 13, 2026
Merged

egdev6 merged 2 commits into
mainfrom
fix/vscode-biome-formatter-conflict

Conversation

@Gabo-Dev

Copy link
Copy Markdown
Collaborator

Summary

Prevents Biome/Prettier formatter conflict in VS Code by configuring Biome as the default formatter per-language in workspace settings, and adds AI agent validation for detecting formatter conflicts.

Closes #156

Type of change

  • ?? Bug fix
  • ?? New component
  • ?? Design tokens
  • ? Accessibility
  • ??? Infrastructure
  • ?? Documentation

Changes

File Change
.vscode/settings.json Added Biome as default formatter for JS/TS/JSX/TSX/JSON/CSS
.atl/skills/component-contributor/references/biome-rules.md Added environment validation section for AI agents

How to test

  1. Open any .ts/.tsx file in VS Code
  2. Press Ctrl+S to save
  3. Verify quotes stay as single quotes (not converted to double)
  4. Run \pnpm run test\ to confirm tests still pass

Add workspace-level language-specific formatter overrides to .vscode/settings.json declaring Biome as the default formatter for JS/TS/JSX/TSX/JSON/CSS files.

Add environment validation section to biome-rules.md reference so AI agents (opencode + gentle-ai) detect and warn about formatter conflicts in the contributor's VS Code user settings before starting implementation.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR aims to prevent VS Code formatter conflicts by making Biome the workspace default formatter for common frontend file types and documenting formatter-conflict checks for AI-assisted contributors.

Changes:

  • Adds per-language Biome formatter settings for JS/TS/JSX/TSX/JSON/CSS in .vscode/settings.json.
  • Adds an AI-agent-only environment validation section to the Biome rules reference.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
.vscode/settings.json Configures Biome as default formatter for selected VS Code language modes.
.atl/skills/component-contributor/references/biome-rules.md Documents AI-agent checks and warnings for VS Code formatter conflicts.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread .vscode/settings.json Outdated
Comment thread .atl/skills/component-contributor/references/biome-rules.md Outdated
Add [tailwindcss] formatter override since *.css files are associated with tailwindcss language ID in this project.

Remove the Environment validation section from biome-rules.md — the workspace settings already resolve the formatter conflict, so the AI-agent warning was producing false positives.
@egdev6
egdev6 merged commit 3a1d4ba into main May 13, 2026
6 checks passed
@egdev6
egdev6 deleted the fix/vscode-biome-formatter-conflict branch May 13, 2026 18:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix: VS Code Biome formatter overridden by Prettier/TS user settings

3 participants