import { watch } from 'vue';
import { useI18n } from '#imports';

/**
 * 用于设置页面标题的可组合函数
 * @param {string} pageTitleKey - 页面标题的国际化key
 */
export function usePageTitle(pageTitleKey) {
  const { t, locale } = useI18n();

  // 设置页面标题
  const setPageTitle = () => {
    if (typeof document === 'undefined') return; // SSR检查
    
    const baseTitle = t("page.company-abbreviation");
    const pageTitle = t(pageTitleKey);
    document.title = `${pageTitle} - ${baseTitle}`;
  };

  // 监听语言变化，更新标题
  watch(() => locale.value, setPageTitle, { immediate: true });

  return {
    setPageTitle
  };
}
