usePreferredLanguages

响应式导航器语言 (Navigator Languages)。响应式导航器语言 (Navigator Languages) 为 Web 开发者提供了 用户首选语言 的信息。例如，这对于根据用户的首选语言调整用户界面语言以提供更好的体验可能很有用。

Demo

使用

import { usePreferredLanguages } from '@vueuse/core'

const languages = usePreferredLanguages()

组件方式使用

此函数也通过 @vueuse/components 包提供一个无渲染组件版本。了解更多用法。

<template>
  <UsePreferredLanguages v-slot="{ languages }">
    Preferred Languages: {{ languages }}
  </UsePreferredLanguages>
</template>

类型声明

/**
 * Reactive Navigator Languages.
 *
 * @see https://vueuse.org/usePreferredLanguages
 * @param options
 */
export declare function usePreferredLanguages(
  options?: ConfigurableWindow,
): Ref<readonly string[]>

usePreferredDark

usePreferredReducedMotion