AppNavbar

Sidebar de navegación vertical. Recibe un array de NavItemConfig o acepta contenido custom vía slot default.

Default (vía prop items)

Slot default (NavItems custom)

Estructura NavItemConfig

interface NavItemConfig {
  to: string // ruta destino (se emite en navigate)
  label: string // texto debajo del icono
  icon: Component // componente Lucide
  badge?: number // número en el badge
  badgeColor?: 'red' | 'orange' | 'purple' | 'cyan'
  active?: boolean // marca el item como activo
}

Props

Prop	Tipo	Default	Descripción
items	NavItemConfig[]	—	Lista de items de navegación (ignorado cuando se usa el slot)

Slots

Slot	Descripción
default	Contenido del nav. Cuando está presente, reemplaza el v-for de items

Emits

Evento	Payload	Cuándo se dispara
navigate	to: string	Click en cualquier NavItem (solo cuando se usa prop items)