LOS PRINCIPIOS SOLID

Para la primera vista de HomeView.vue usé estos principios ya que era mucho código en un solo archivo, y era mejor tener código reutilizable para otras vistas, aquí una explicación algo detallada:

Archivos Creados

Componentes (src/components/)

1. AppHeader.vue - Header con logo, dark mode, notificaciones
2. CreatePostCard.vue - Card para crear nuevo post
3. PostCard.vue - Tarjeta individual de post
4. PostActions.vue - Botones de like, comment, share
5. CommentsSection.vue - Sección de comentarios
6. MusicPlayer.vue - Reproductor de música
7. postsService.js - Solo operaciones relacionadas con posts (usando la API)
8. timeUtils.js - Solo utilidades del uso del tiempo como “hace 2 h”

Servicios (src/services/)

1. postsService.js - Todas las operaciones con posts (fetchPosts, likePost, commentPost, sharePost)

Utilidades (src/utils/)

1. timeUtils.js - Funciones para formatear tiempo (timeAgo, formatDate, formatDateTime)

Vista Refactorizada

• HomeView.vue - Vista principal simplificada

Cómo Usar los Componentes