Añadir Astro View Transitions, Corregir Idioma HTML y Añadir ImagePlaceholder en Novas

[TeenBiscuits]

Añadidas las View transitions de Astro. Al navegar la web, los navegadores modernos debería mostrar una animación y no ejecutar una recarga completa de la página. He actualizado los scripts para que funcionen con esta nueva lógica, siguiendo la documentación de Astro y he animado los títulos, imágenes y tags de los artículos para que sean continuos durante la navegación.

Grabacion.de.pantalla.2025.12.10.a.las.15.40.47.mp4

Transiciones de vista y animaciones:

• Se han añadido atributos de transición (por ejemplo, transition:name, transition:animate, transition:persist) a componentes y elementos principales como títulos, etiquetas, imágenes, logotipo de navegación, contenido principal y pie de página en archivos como Card.astro, las páginas [...id].astro, Navigation.astro y PageLayout.astro para permitir animaciones fluidas durante la navegación.

• Se ha integrado ClientRouter de astro:transitions en BaseLayout.astro y se ha configurado el elemento raíz HTML para las transiciones, habilitando el enrutado en el lado del cliente y las view transitions en toda la aplicación.

Mejoras en JavaScript y manejo de eventos:

• Se han actualizado los listeners de eventos de window.onload a astro:page-load en componentes como Filter.astro y Navigation.astro para asegurar que los scripts se ejecuten correctamente con el sistema de navegación de Astro.

• Se ha añadido el atributo data-astro-rerun a scripts inline en ContactForm.astro y al script de analítica de Umami en BaseLayout.astro para asegurar que los scripts se reejecuten correctamente en la navegación y actualizaciones de página.

Errores Corregidos

• Se ha importado ImagePlaceholder en novas/[...id].astro para disponer de una imagen de respaldo consistente y mejorar el manejo del texto alternativo.

• Se ha cambiado el atributo de idioma HTML de en a gl (gallego) en BaseLayout.astro para una localización adecuada.