Hook useRewriteURL

El hook useRewriteURL para Svelte está diseñado para gestionar reescrituras de URL localizadas en el lado del cliente. Corrige automáticamente la URL del navegador a su versión localizada "pretty" basándose en la locale actual y la configuración en intlayer.config.ts.

Actualiza la URL de forma silenciosa usando window.history.replaceState, evitando navegaciones completas de SvelteKit.

Uso

Invoca el hook desde un componente Svelte.

<script>
  import { useRewriteURL } from "svelte-intlayer";

  // Corrige automáticamente /fr/tests a /fr/essais en la barra de direcciones si existe una regla de reescritura
  useRewriteURL();
</script>

<slot />

Cómo funciona

1. Actualizaciones reactivas: El hook se suscribe al store locale de Intlayer.
2. Detección: Siempre que cambia la locale (o al montar), calcula si el window.location.pathname actual tiene un alias localizado más 'bonito' definido en tus reglas de reescritura.
3. Corrección de URL: Si se encuentra una ruta más 'bonita', el hook llama a window.history.replaceState para actualizar la barra de direcciones sin recargar la página por completo ni disparar la lógica de navegación de SvelteKit.

¿Por qué usarlo?

• Buenas prácticas de SEO: Asegura que los motores de búsqueda indexen únicamente la versión localizada y más 'bonita' de tus URLs.
• Mejor UX: Corrige las URLs introducidas manualmente para reflejar la estructura de nombres que prefieras.
• Actualizaciones silenciosas: Modifica la barra de direcciones sin afectar el árbol de componentes ni el historial de navegación.