mirror of
https://github.com/keven1024/015.git
synced 2026-05-26 07:08:02 +00:00
feat: 修改 useSeo 以支持从环境变量获取 SEO 元数据,增强服务器端渲染能力
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user