extendlocale erweitert

@@@ph000@@Verwendung

Verwenden Sie das automatisch importierte Dienstprogramm extendLocale, um ein vorhandenes Gebietsschema durch Überschreiben bestimmter Eigenschaften oder Nachrichten anzupassen.

<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>

Dies ist nützlich, wenn Sie wollen:

• Erstellen Sie eine regionale Variante einer Sprache (z. B.en-AU von en)
• Override spezifische Übersetzungen ohne Neudefinition der gesamten Gebietsschema
• Passen Sie Komponenten-Etiketten für Ihre Anwendung an

@@@@@@b31@b31.de

{lang="ts-type"}

Erweitert ein vorhandenes Gebietsschema um die bereitgestellten Optionen und führt die Nachrichten tief zusammen.

Parameter Bearbeiten

Returns: Ein neues Locale<M>-Objekt mit den zusammengeführten Eigenschaften.

@@ph041@@Beispiel

Hier ist ein Beispiel, das das englische Gebietsschema um eine australische Variante erweitert:

<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>