defineLocale

Um utilitário para criar um locale personalizado para o seu app.

Uso

Use o utilitário defineLocale para criar um locale personalizado com suas próprias traduções.

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

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

<template>
  <NApp :locale="locale">
    <NuxtPage />
  </NApp>
</template>
Saiba mais sobre internacionalização na documentação de integração com i18n.

API

defineLocale<M>(options: DefineLocaleOptions<M>): Locale<M>

Cria um novo objeto de locale com as opções fornecidas.

Parâmetros

options
DefineLocaleOptions<M> required
The locale configuration object with the following properties:

Returns: A Locale<M> object that can be passed to the locale prop of the App component.

Exemplo

Aqui está um exemplo completo de criação de um locale personalizado:

<script setup lang="ts">
import type { Messages } from '@nitro/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>
  <NApp :locale="locale">
    <NuxtPage />
  </NApp>
</template>
Você pode consultar os locales embutidos como referência de como estruturar o objeto messages.

defineShortcuts

Um composable para definir atalhos de teclado no seu app.