vue-i18n / général / createI18n

Fonction : createI18n()

Signature d'appel

function createI18n<Options, Messages, DateTimeFormats, NumberFormats, OptionLocale>(options): I18n<Messages, DateTimeFormats, NumberFormats, OptionLocale>;

Paramètres de type

Paramètre de type	Type par défaut
Options extends I18nOptions<{ datetime: IntlDateTimeFormat; message: DefaultLocaleMessageSchema; number: IntlNumberFormat; }, string, ComposerOptions<{ datetime: IntlDateTimeFormat; message: DefaultLocaleMessageSchema; number: IntlNumberFormat; }, string, string, string, string, LocaleMessage<VueMessageType>, IntlDateTimeFormat, IntlNumberFormat, LocaleMessages<LocaleMessage<VueMessageType>, string, VueMessageType>, IntlDateTimeFormats<IntlDateTimeFormat, string>, IntlNumberFormats<IntlNumberFormat, string>>>	I18nOptions<{ datetime: IntlDateTimeFormat; message: DefaultLocaleMessageSchema; number: IntlNumberFormat; }, string, ComposerOptions<{ datetime: IntlDateTimeFormat; message: DefaultLocaleMessageSchema; number: IntlNumberFormat; }, string, string, string, string, LocaleMessage<VueMessageType>, IntlDateTimeFormat, IntlNumberFormat, LocaleMessages<LocaleMessage<VueMessageType>, string, VueMessageType>, IntlDateTimeFormats<IntlDateTimeFormat, string>, IntlNumberFormats<IntlNumberFormat, string>>>
Messages extends Record<string, unknown>	Options["messages"] extends Record<string, unknown> ? any[any] : object
DateTimeFormats extends Record<string, unknown>	Options["datetimeFormats"] extends Record<string, unknown> ? any[any] : object
NumberFormats extends Record<string, unknown>	Options["numberFormats"] extends Record<string, unknown> ? any[any] : object
OptionLocale	Options["locale"] extends string ? any[any] : string

Paramètres

Paramètre	Type
options	Options

Retours

I18n<Messages, DateTimeFormats, NumberFormats, OptionLocale>

Signature d'appel

function createI18n<Schema, Locales, Options, Messages, DateTimeFormats, NumberFormats, OptionLocale>(options): I18n<Messages, DateTimeFormats, NumberFormats, OptionLocale>;

Usine Vue I18n

Paramètres de type

Paramètre de type	Type par défaut	Description
Schema extends object	LocaleMessage<VueMessageType>	Le schéma des ressources i18n (messages, datetimeFormats, numberFormats), schéma par défaut LocaleMessage
Locales extends string | object	"en-US"	Les langues du schéma de ressource i18n, langue par défaut en-US
Options extends I18nOptions<SchemaParams<Schema, VueMessageType>, LocaleParams<Locales>, ComposerOptions<SchemaParams<Schema, VueMessageType>, LocaleParams<Locales>, LocaleParams<Locales> extends object ? M : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string, LocaleParams<Locales> extends object ? D : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string, LocaleParams<Locales> extends object ? N : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string, SchemaParams<Schema, VueMessageType> extends object ? M : LocaleMessage<VueMessageType>, SchemaParams<Schema, VueMessageType> extends object ? D : IntlDateTimeFormat, SchemaParams<Schema, VueMessageType> extends object ? N : IntlNumberFormat, LocaleMessages<SchemaParams<Schema, VueMessageType> extends object ? M : LocaleMessage<VueMessageType>, LocaleParams<Locales> extends object ? M : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string, VueMessageType>, IntlDateTimeFormats<SchemaParams<Schema, VueMessageType> extends object ? D : IntlDateTimeFormat, LocaleParams<Locales> extends object ? D : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string>, IntlNumberFormats<SchemaParams<Schema, VueMessageType> extends object ? N : IntlNumberFormat, LocaleParams<Locales> extends object ? N : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string>>>	I18nOptions<SchemaParams<Schema, VueMessageType>, LocaleParams<Locales>, ComposerOptions<SchemaParams<Schema, VueMessageType>, LocaleParams<Locales>, LocaleParams<Locales> extends object ? M : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string, LocaleParams<Locales> extends object ? D : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string, LocaleParams<Locales> extends object ? N : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string, SchemaParams<Schema, VueMessageType> extends object ? M : LocaleMessage<VueMessageType>, SchemaParams<Schema, VueMessageType> extends object ? D : IntlDateTimeFormat, SchemaParams<Schema, VueMessageType> extends object ? N : IntlNumberFormat, LocaleMessages<SchemaParams<Schema, VueMessageType> extends object ? M : LocaleMessage<VueMessageType>, LocaleParams<Locales> extends object ? M : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string, VueMessageType>, IntlDateTimeFormats<SchemaParams<Schema, VueMessageType> extends object ? D : IntlDateTimeFormat, LocaleParams<Locales> extends object ? D : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string>, IntlNumberFormats<SchemaParams<Schema, VueMessageType> extends object ? N : IntlNumberFormat, LocaleParams<Locales> extends object ? N : LocaleParams<Locales> extends string ? string & LocaleParams<Locales> : string>>>	-
Messages extends Record<string, unknown>	NonNullable<Options["messages"]> extends Record<string, unknown> ? NonNullable<NonNullable<Options["messages"]>> : object	-
DateTimeFormats extends Record<string, unknown>	NonNullable<Options["datetimeFormats"]> extends Record<string, unknown> ? NonNullable<NonNullable<Options["datetimeFormats"]>> : object	-
NumberFormats extends Record<string, unknown>	NonNullable<Options["numberFormats"]> extends Record<string, unknown> ? NonNullable<NonNullable<Options["numberFormats"]>> : object	-
OptionLocale	Options["locale"] extends string ? any[any] : string	-

Paramètres

Paramètre	Type	Description
options	Options	Une option, voir I18nOptions

Retours

I18n<Messages, DateTimeFormats, NumberFormats, OptionLocale>

Instance I18n

Voir :

• Prise en main
• Composition API

Exemple

import { createApp } from 'vue'
import { createI18n, useI18n } from 'vue-i18n'

// appel avec l'option I18n
const i18n = createI18n({
  locale: 'ja',
  messages: {
    en: { ... },
    ja: { ... }
  }
})

const App = {
  setup() {
    // ...
    const { t } = useI18n({ ... })
    return { ... , t }
  }
}

const app = createApp(App)

// installation !
app.use(i18n)
app.mount('#app')

Vue I18n General