组合式函数
useLocaleHead
useLocaleHead() 组合式函数返回与区域设置相关的本地化头属性。
useLocaleHead()
组合式函数返回与区域设置相关的本地化头属性。
类型
declare function useLocaleHead(options: I18nHeadOptions): Ref<I18nHeadMetaInfo>
参数
options
一个接受以下可选字段的对象:
dir
- 类型:
boolean
- 默认:
true
- 向 HTML 元素添加一个
dir
属性。
- 类型:
lang
- 类型:
boolean
- 默认:
true
- 向 HTML 元素添加一个
lang
属性。
- 类型:
seo
- 类型:
boolean | SeoAttributesOptions
- 添加各种 SEO 属性。
- 类型:
key
- 类型:
string
- 默认:
'hid'
<meta>
标签的标识符属性。
- 类型:
用法
<script setup>
const i18nHead = useLocaleHead({
seo: {
canonicalQueries: ['foo']
}
})
useHead(() => ({
htmlAttrs: {
lang: i18nHead.value.htmlAttrs!.lang
},
link: [...(i18nHead.value.link || [])],
meta: [...(i18nHead.value.meta || [])]
}))
</script>