export const usePageTitle = () => {
  const pageName = useState<string | null>('pageName', () => null);
  const title = computed<string>(() => ((pageName.value ?? '').length > 0 ? `${pageName.value} - Tímmál` : 'Tímmál'));

  const setPageName = (newName: string | null) => {
    pageName.value = newName;
    useHead({ title: title.value });
  };

  return {
    title: readonly(title),
    pageName: readonly(pageName),
    setPageName,
  };
};