eafonyang
37 lines
1.4 KiB
TypeScript
37 lines
1.4 KiB
TypeScript
import type { PageSeo } from '~/types/site';
|
||
|
||
/**
|
||
* 页面 SEO 适配
|
||
*
|
||
* 从 dashboard 的 page-seo 配置读取 meta_title / meta_description / meta_keywords / og_image_url，
|
||
* 应用到当前页面的 useHead；未配置时回退到全局 SEO 默认值或页面默认标题。
|
||
*/
|
||
export async function usePageSeo(pageType: string, entityId?: number, fallbackTitle?: string) {
|
||
const { getPageSeo } = useSiteApi();
|
||
const siteStore = useSiteStore();
|
||
// 注意：本函数可能在 onMounted 等异步上下文中被调用，useI18n 要求 setup 顶层，
|
||
// 这里改用全局 i18n 实例（$i18n.t 跟随当前 locale，任意上下文安全）
|
||
const i18n = (useNuxtApp() as unknown as { $i18n?: { t(key: string): string } }).$i18n;
|
||
const t = (key: string) => i18n?.t(key) || key;
|
||
|
||
let seo: PageSeo | null = null;
|
||
try {
|
||
seo = await getPageSeo(pageType, entityId);
|
||
} catch {
|
||
seo = null;
|
||
}
|
||
|
||
const title = seo?.meta_title || fallbackTitle || t('app.name');
|
||
const description = seo?.meta_description || siteStore.seo?.meta_description || '';
|
||
const keywords = seo?.meta_keywords || siteStore.seo?.meta_keywords || '';
|
||
|
||
useHead({
|
||
title,
|
||
meta: [
|
||
...(description ? [{ name: 'description', content: description }] : []),
|
||
...(keywords ? [{ name: 'keywords', content: keywords }] : []),
|
||
...(seo?.og_image_url ? [{ property: 'og:image', content: seo.og_image_url }] : [])
|
||
]
|
||
});
|
||
}
|