# Humand Biome Config

Configuración compartida de [Biome.js](https://biomejs.dev/) para los proyectos de Humand.

## 📦 Instalación

```bash
npm install --save-dev @biomejs/biome
```

Luego, agrega este paquete como dependencia en tu proyecto:

```bash
npm install --save-dev humand-biome-config
```

## 🚀 Uso

Crea un archivo `biome.json` en la raíz de tu proyecto con el siguiente contenido:

```json
{
  "extends": ["humand-biome-config/biome"]
}
```

## ✨ Características

Esta configuración incluye:

### Formateo
- **Indentación**: 2 espacios
- **Ancho de línea**: 80 caracteres
- **Comillas**: simples (`'`)
- **Punto y coma**: siempre
- **Paréntesis en arrow functions**: solo cuando sea necesario

### Linting
Reglas configuradas para:
- ✅ Accesibilidad (a11y)
- ✅ Complejidad del código
- ✅ Corrección de errores comunes
- ✅ Seguridad (noBlankTarget, noDangerouslySetInnerHtml)
- ✅ Mejores prácticas de React

### Organización de Imports
Los imports se organizan automáticamente en el siguiente orden:
1. React
2. Paquetes externos
3. `@material-hu` (excluyendo components)
4. `@material-hu/components`
5. Archivos de `src` (excluyendo components)
6. Archivos de `src/components`
7. Imports relativos del padre (`../**`)
8. Imports relativos locales (`./**`)

## 🛠️ Scripts Recomendados

Agrega estos scripts a tu `package.json`:

```json
{
  "scripts": {
    "lint": "biome lint ./src",
    "lint:fix": "biome lint --write ./src",
    "format": "biome format ./src",
    "format:fix": "biome format --write ./src",
    "check": "biome check ./src",
    "check:fix": "biome check --write ./src"
  }
}
```

## 📝 Licencia

ISC

## 🔗 Repositorio

[https://github.com/HumandDev/humand-biome-config](https://github.com/HumandDev/humand-biome-config)