Pulled ALL skills from 15 source repositories: - anthropics/skills: 16 (docs, design, MCP, testing) - obra/superpowers: 14 (TDD, debugging, agents, planning) - coreyhaines31/marketingskills: 25 (marketing, CRO, SEO, growth) - better-auth/skills: 5 (auth patterns) - vercel-labs/agent-skills: 5 (React, design, Vercel) - antfu/skills: 16 (Vue, Vite, Vitest, pnpm, Turborepo) - Plus 13 individual skills from various repos Mosaic Stack is not limited to coding — the Orchestrator and subagents serve coding, business, design, marketing, writing, logistics, analysis, and more. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
42 lines
972 B
Markdown
42 lines
972 B
Markdown
---
|
|
category: Browser
|
|
---
|
|
|
|
# usePreferredLanguages
|
|
|
|
Reactive [Navigator Languages](https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/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.
|
|
|
|
## Usage
|
|
|
|
```ts
|
|
import { usePreferredLanguages } from '@vueuse/core'
|
|
|
|
const languages = usePreferredLanguages()
|
|
```
|
|
|
|
## Component Usage
|
|
|
|
```vue
|
|
<template>
|
|
<UsePreferredLanguages v-slot="{ languages }">
|
|
Preferred Languages: {{ languages }}
|
|
</UsePreferredLanguages>
|
|
</template>
|
|
```
|
|
|
|
## Type Declarations
|
|
|
|
```ts
|
|
/**
|
|
* Reactive Navigator Languages.
|
|
*
|
|
* @see https://vueuse.org/usePreferredLanguages
|
|
* @param options
|
|
*
|
|
* @__NO_SIDE_EFFECTS__
|
|
*/
|
|
export declare function usePreferredLanguages(
|
|
options?: ConfigurableWindow,
|
|
): ShallowRef<readonly string[]>
|
|
```
|