usePreferredLanguages
響應式 Navigator Languages。它為網頁開發者提供關於使用者偏好語言的資訊。例如,這對於根據使用者偏好的語言調整使用者介面的語言,以提供更好的體驗可能很有用。
範例
用法
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.dev.org.tw/usePreferredLanguages
* @param options
*/
export declare function usePreferredLanguages(
options?: ConfigurableWindow,
): Ref<readonly string[]>