Docs
La plataforma
Cómo está organizada la parte interna (dashboard y editor) y qué reglas visuales sigue.
Dónde vive cada cosa
| Zona | Ruta | Para qué |
|---|---|---|
| Mis eventos | /dashboard | Lista de eventos, crear con plantilla |
| Configurar | /dashboard/events/[id] | Título, link, fecha, publicación, apariencia, zona de riesgo |
| Editar página | /dashboard/events/[id]/editor | Editor de bloques con preview en vivo |
| Invitados | /dashboard/events/[id]/invitados | Agregar, invitar por email/WhatsApp, seguimiento |
| Mi cuenta | /dashboard/cuenta | Nombre y contraseña |
El layout del dashboard (app/layouts/dashboard.vue) lleva el header con logo, navegación y sesión. El editor usa su propio layout de pantalla completa (app/layouts/editor.vue).
Reglas visuales
La plataforma sigue el libro de marca (interno, no indexado):
- Fondo marfil, tarjetas blancas con borde tinta al 10%.
- Un solo CTA bugambilia por vista; el resto son acciones secundarias.
- Títulos en Fraunces, cuerpo en Inter — la escala baja un paso respecto a marketing.
- Sin modo oscuro: la plataforma es clara siempre (el color de la fiesta vive en la página pública del evento, no en el panel).
Sesión
El composable useAuth() (app/composables/useAuth.ts) expone la sesión actual y el logout. Úsalo en layouts y páginas en lugar de llamar a authClient directo.