Definiert lokal

Ein Dienstprogramm zum Erstellen eines benutzerdefinierten Gebietsschemas für Ihre App.

@@@ph000@@Verwendung

Verwenden Sie das automatisch importierte defineLocale-Dienstprogramm, um ein benutzerdefiniertes Gebietsschema mit Ihren eigenen Übersetzungen zu erstellen.

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

const locale = defineLocale<Messages>({
  name: 'My custom locale',
  code: 'en',
  dir: 'ltr',
  messages: {
    // implement pairs
  }
})
</script>

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

api@@api@@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api@api26

{lang="ts-type"}

Erstellt ein neues Locale-Objekt mit den angegebenen Optionen.

@@ph029@@Parameter Bearbeiten

options
DefineLocaleOptions<M> required
Das Locale-Konfigurationsobjekt mit den folgenden Eigenschaften:

Returns: A Locale<M> Objekt, das an die locale prop der App Komponente übergeben werden kann.

@@ph046@@Beispiel

Hier ist ein vollständiges Beispiel für die Erstellung eines benutzerdefinierten Gebietsschemas:

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

const locale = defineLocale<Messages>({
  name: 'Español',
  code: 'es',
  dir: 'ltr',
  messages: {
    alert: {
      close: 'Cerrar'
    },
    modal: {
      close: 'Cerrar'
    },
    commandPalette: {
      back: 'Atrás',
      close: 'Cerrar',
      noData: 'Sin datos',
      noMatch: 'Sin resultados',
      placeholder: 'Escribe un comando o busca…'
    }
    // ... other component messages
  }
})
</script>

<template>
  <UApp :locale="locale">
    <NuxtPage />
  </UApp>
</template>
Sie können die built-in locales als Referenz zur Strukturierung des Nachrichtenobjekts ansehen.

defineShortcuts

A composable to define keyboard shortcuts in your app.