uitgebreidLocale

Gebruik

Gebruik het automatisch geïmporteerde hulpprogramma extendLocale om een bestaande landinstelling aan te passen door specifieke eigenschappen of berichten te overschrijven.

<script setup lang="ts">
import { en } from '@nuxt/ui/locale'

const locale = extendLocale(en, {
  code: 'en-AU',
  messages: {
    commandPalette: {
      placeholder: 'Search a component...'
    }
  }
})
</script>

<template>
  <UApp :locale="locale">
    <NuxtPage />
  </UApp>
</template>

Dit is handig wanneer u:

• Een regionale variant van een taal maken (bijv. en-AU van en)
• Specifieke vertalingen overschrijven zonder de hele landinstelling opnieuw te definiëren
• Componentenlabels aanpassen voor uw toepassing

API

extendLocale<M>(locale: Locale<M>, options: Partial<DefineLocaleOptions<DeepPartial<M>>>): Locale<M>

Breidt een bestaande landinstelling uit met de geboden opties, waarbij de berichten diep worden samengevoegd.

Parameters

**Returns: ** Een nieuw Locale<M> object met de samengevoegde eigenschappen.

Voorbeeld

Hier is een voorbeeld dat de Engelse landinstelling uitbreidt voor een Australische variant:

<script setup lang="ts">
import { en } from '@nuxt/ui/locale'

const locale = extendLocale(en, {
  name: 'English (Australia)',
  code: 'en-AU',
  messages: {
    colorMode: {
      dark: 'Dark',
      light: 'Light',
      system: 'System'
    },
    selectMenu: {
      search: 'Search…',
      noData: 'No results found',
      noMatch: 'No matching results'
    }
  }
})
</script>

<template>
  <UApp :locale="locale">
    <NuxtPage />
  </UApp>
</template>