import { router } from '@inertiajs/vue3';

/**
 * Permet de placer le titre et l'icône sur l'onglet d'une page.
 * @param title Le titre de la page.
 */
export function useAppHead(title: string) {
  // Utiliser Inertia pour définir le titre
  router.on('navigate', () => {
    document.title = title;
  });
  
  // Définir immédiatement le titre
  document.title = title;
  
  // Gérer le favicon
  let link = document.querySelector("link[rel~='icon']") as HTMLLinkElement;
  if (!link) {
    link = document.createElement('link');
    link.rel = 'icon';
    document.head.appendChild(link);
  }
  link.type = 'image/png';
  link.href = '/images/icons/app/logo_16x16.png';
}