Composables

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>