feat: 修改 useSeo 以支持从环境变量获取 SEO 元数据,增强服务器端渲染能力

This commit is contained in:
keven
2025-06-22 12:41:51 +08:00
parent 7a3d03c41f
commit 88b8daa5df

View File

@@ -4,23 +4,30 @@ type UseSeoProps = {
}
const useSeo = async (props: UseSeoProps = {}) => {
const { head, seo } = props || {}
const { data } = await useFetch<any>('/config')
const seoMeta = computed(() => data.value?.data)
const { title } = head || {}
useHead({
...head,
title: title ? `${title} - ${seoMeta?.value?.site_title}` : seoMeta?.value?.site_title,
})
useSeoMeta({
...seo,
title: seoMeta?.value?.site_title,
description: seoMeta?.value?.site_desc,
ogTitle: seoMeta?.value?.site_title,
ogDescription: seoMeta?.value?.site_desc,
// ogImage: seoMeta?.value?.site_url,
// twitterCard: 'summary_large_image',
})
const seoMeta = ref<any>()
if (import.meta.server) {
const { SITE_TITLE, SITE_DESC, SITE_URL } = process.env || {}
seoMeta.value = {
site_title: SITE_TITLE,
site_desc: SITE_DESC,
site_url: SITE_URL,
}
const { title } = head || {}
useHead({
...head,
title: title ? `${title} - ${seoMeta?.value?.site_title}` : seoMeta?.value?.site_title,
})
useSeoMeta({
...seo,
title: seoMeta?.value?.site_title,
description: seoMeta?.value?.site_desc,
ogTitle: seoMeta?.value?.site_title,
ogDescription: seoMeta?.value?.site_desc,
// ogImage: seoMeta?.value?.site_url,
// twitterCard: 'summary_large_image',
})
}
return
}
export default useSeo
export default useSeo