Extensión local
Una utilidad para ampliar una configuración regional existente con traducciones personalizadas.
@@pH000@@Uso del producto
Utilice la utilidad de importación automática extendLocale para personalizar una configuración regional existente anulando propiedades o mensajes específicos.
<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>
Esto es útil cuando quieres:
- Crear una variante regional de un idioma (por ejemplo,
en-AUdesdeen) - Anular traducciones específicas sin redefinir toda la configuración regional
- Personalice las etiquetas de componentes para su aplicación
@@pH031@@pH031
@@
Amplía una configuración regional existente con las opciones proporcionadas, fusionando profundamente los mensajes.
Parámetros
locale
Locale<M> required
La configuración regional base para extender. Import desde
@nuxt/ui/locale.options
Partial<DefineLocaleOptions<DeepPartial<M>>> required
Las propiedades a superar:
name
string
Oprime el nombre de la pantalla local.
code
string
Anular el código ISO de la configuración regional (por ejemplo,
'en-GB','fr-CA').dir
'ltr' | 'rtl'
Sustituir la dirección de texto de la localidad.
messages
DeepPartial<M>
Partial messages object to merge with the base locale. Only specify the messages you want to override.
Returns: A new Locale<M> object with the merged properties.
@@pH041@@Ejemplos
Aquí hay un ejemplo que extiende la configuración regional en inglés para una variante australiana:
<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>
La utilidad
extendLocale utiliza la fusión profunda, por lo que sólo necesita especificar los mensajes que desea anular.