# DSI Base - Capa de Nuxt

Este repositorio contiene una capa de Nuxt diseñada para proporcionar una base sólida para construir aplicaciones web modernas. Incluye un conjunto de herramientas y librerías preconfiguradas para acelerar el desarrollo y asegurar un código base consistente y de alta calidad.

## Características

*   **Nuxt 3:** Construido sobre la última versión del potente y flexible framework Nuxt.
*   **Vuetify:** Integrado con el framework de componentes Vuetify para construir interfaces de usuario atractivas y responsivas.
*   **Storybook:** Incluye Storybook para el desarrollo, prueba y documentación de componentes de forma aislada.
*   **Chromatic:** Pruebas visuales automatizadas con Chromatic para detectar regresiones en la interfaz de usuario.
*   **ESLint:** Preconfigurado con ESLint para el linting de código y mantener la calidad del mismo.
*   **TypeScript:** Soporte completo de TypeScript para seguridad de tipos y una mejor experiencia de desarrollo.

## Empezando

### Prerrequisitos

*   [Node.js](https://nodejs.org/) (v18 o superior)
*   [pnpm](https://pnpm.io/)

### Instalación

1.  Clona el repositorio:

    ```bash
    git clone https://github.com/your-username/dsi-base.git
    ```

2.  Instala las dependencias:

    ```bash
    pnpm install
    ```

## Uso

Para usar esta capa de Nuxt en tu proyecto, agrégala a la propiedad `extends` en tu archivo `nuxt.config.ts`:

```ts
export default defineNuxtConfig({
  extends: ['dsi-base']
})
```

### Storybook

Para ejecutar Storybook y desarrollar tus componentes de forma aislada, usa el siguiente comando:

```bash
pnpm storybook
```

Esto iniciará el servidor de desarrollo de Storybook en `http://localhost:6006`.

### Desarrollo

Para iniciar el servidor de desarrollo, ejecuta el siguiente comando:

```bash
pnpm dev
```

Esto iniciará el servidor de desarrollo de Nuxt en `http://localhost:3000`.

### Producción

Para construir la aplicación para producción, usa el siguiente comando:

```bash
pnpm build
```

Para generar una versión estática de la aplicación, usa el siguiente comando:

```bash
pnpm generate
```

Para previsualizar la compilación de producción localmente, usa el siguiente comando:

```bash
pnpm preview
```

## Dependencias

Esta capa de Nuxt incluye las siguientes dependencias clave:

*   [nuxt](https://nuxt.com/)
*   [vuetify-nuxt-module](https://github.com/userquin/vuetify-nuxt-module)
*   [storybook](https://storybook.js.org/)
*   [chromatic](https://www.chromatic.com/)
*   [eslint](https://eslint.org/)
*   [typescript](https://www.typescriptlang.org/)

## Contribuciones

¡Las contribuciones son bienvenidas! No dudes en enviar un pull request o abrir un issue.

## Licencia

Este proyecto está licenciado bajo la [Licencia MIT](LICENSE).