usePreferredLanguages
リアクティブな Navigator Languages です。Web 開発者にユーザーの優先言語に関する情報を提供します。たとえば、ユーザーエクスペリエンスを向上させるために、ユーザーの優先言語に基づいてユーザーインターフェースの言語を調整するのに役立ちます。
デモ
使用方法
js
import { usePreferredLanguages } from '@vueuse/core'
const languages = usePreferredLanguages()コンポーネントでの使用方法
この関数は、
@vueuse/componentsパッケージを介してレンダーレスコンポーネントバージョンも提供します。使用方法の詳細はこちら。
vue
<template>
<UsePreferredLanguages v-slot="{ languages }">
Preferred Languages: {{ languages }}
</UsePreferredLanguages>
</template>型宣言
typescript
/**
* Reactive Navigator Languages.
*
* @see https://vueuse.dokyumento.jp/usePreferredLanguages
* @param options
*/
export declare function usePreferredLanguages(
options?: ConfigurableWindow,
): Ref<readonly string[]>ソース
貢献者
Anthony Fu
Antério Vieira
Anthony Fu
vaakian X
wheat
Alex Kozack