Skip to content
On this page

usePreferredLanguages

Category
Export Size
1.07 kB
Last Changed
last year

Reactive Navigator Languages. It provides web developers with information about the user's preferred languages. For example, this may be useful to adjust the language of the user interface based on the user's preferred languages in order to provide better experience.

Demo

Preferred Languages:
en

Usage

js
import { usePreferredLanguages } from '@vueuse/core'

const languages = usePreferredLanguages()
import { usePreferredLanguages } from '@vueuse/core'

const languages = usePreferredLanguages()

Component Usage

This function also provides a renderless component version via the @vueuse/components package. Learn more about the usage.

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

Type Declarations

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

Source

SourceDemoDocs

Contributors

Anthony Fu
Antério Vieira
wheat
Alex Kozack

Changelog

No recent changes

Released under the MIT License.