Définition locale

Un utilitaire pour créer une locale personnalisée pour votre application.

@@ph000@@utilisation

Utilisez l'utilitaire defineLocale à importation automatique pour créer une locale personnalisée avec vos propres traductions.

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

En savoir plus sur l'internationalisation dans la documentation i18n integration.

@@226@api

Crée un nouvel objet local avec les options fournies.

@@229@Paramètres

options

DefineLocaleOptions<M> required

L'objet de configuration locale avec les propriétés suivantes:

Retourne: Un Locale<M> objet qui peut être passé à la locale prop de la App composant.

@@ph046@exemple

Voici un exemple complet de création d'une locale personnalisée:

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

Vous pouvez consulter le locales pour savoir comment structurer l'objet messages.

defineShortcuts

A composable to define keyboard shortcuts in your app.