defineLocale 정의로캘

앱에 대한 사용자 지정 로케일을 만드는 유틸리티입니다.A utility to create a custom locale for your app.

사용

자동으로 가져온 defineLocale 유틸리티를 사용하여 사용자 고유의 번역을 사용하여 사용자 지정 로케일을 만듭니다.

<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

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

제공된 옵션을 사용하여 새 로케일 객체를 만듭니다.

파라미터

options
DefineLocaleOptions<M> required
다음 속성을 가진 로케일 구성 객체:

**반환: **ALocale<M> 개체는 App 구성 요소의 localeprop에 전달할 수 있습니다.

예

다음은 사용자 지정 로케일을 만드는 전체 예제입니다.

<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>
메시지 개체를 구조화하는 방법에 대한 참조를 위해 기본 제공 로케일를 확인할 수 있습니다.

defineShortcuts

A composable to define keyboard shortcuts in your app.