Skip to content

コンポーネントインジェクション

ComponentCustomOptions

Vue I18nのコンポーネントカスタムプロパティ

シグネチャ:

typescript
export interface ComponentCustomOptions;

i18n

コンポーネント用のVue I18nオプション

シグネチャ:

typescript
i18n?: VueI18nOptions;

関連項目

ComponentCustomProperties

Vue I18nのコンポーネントカスタムオプション

シグネチャ:

typescript
export interface ComponentCustomProperties;

詳細

これらのプロパティはすべての子コンポーネントに注入されます

$i18n

エクスポートされたグローバルコンポーザーインスタンス、またはグローバルVueI18nインスタンス。

シグネチャ:

typescript
$i18n: VueI18n | ExportedGlobalComposer;

詳細

エクスポートされたコンポーザーインスタンスを取得できます。これは、createI18nで作成されたグローバルコンポーザーインスタンスからエクスポートされたもの、またはグローバルVueI18nインスタンスです。

Composition APIモードではエクスポートされたコンポーザーインスタンスを取得し、Legacy APIモードではVuei18nインスタンスを取得します。このプロパティで参照できるインスタンスです。

このプロパティが参照するインスタンスが管理するロケール、ロケールメッセージ、その他のリソースはグローバルスコープとして有効です。

i18nコンポーネントオプションが指定されていない場合、これはi18nインスタンスによるグローバルで参照できるVueI18nインスタンスと同じです。

関連項目

$t(key)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key): TranslateResult;

詳細

この機能が反応コンテキストで使用される場合、ロケールが変更されると一度再評価されます。

Composition APIモードでは、$tapp.config.globalPropertiesによって注入されます。入力/出力はコンポーザーと同じであり、グローバルスコープで動作します。詳細については、Composer#tを参照してください。

Legacy APIモードでは、入力/出力はVueI18nインスタンスと同じです。詳細については、VueI18n#tを参照してください。

関連項目

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー

戻り値

翻訳メッセージ

$t(key, locale)

注意

このAPIシグネチャはLegacy APIモードでのみ利用可能で、v9までサポートされています

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, locale: Locale): TranslateResult;

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
localeLocaleロケール、グローバルスコープまたはローカルスコープのロケールを上書きする

戻り値

翻訳メッセージ

$t(key, locale, list)

注意

このAPIシグネチャはLegacy APIモードでのみ利用可能で、v9までサポートされています

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, locale: Locale, list: unknown[]): TranslateResult;

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
localeLocaleロケール、グローバルスコープまたはローカルスコープのロケールを上書きする
listunknown[]リスト補間の値

戻り値

翻訳メッセージ

$t(key, locale, named)

注意

このAPIシグネチャはLegacy APIモードでのみ利用可能で、v9までサポートされています

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, locale: Locale, named: object): TranslateResult;

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
localeLocaleロケール、グローバルスコープまたはローカルスコープのロケールを上書きする
namedobject名前付き補間の値

戻り値

翻訳メッセージ

$t(key, plural)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, plural: number): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
pluralnumber複数形の選択番号

戻り値

翻訳メッセージ

$t(key, plural, options)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, plural: number, options: TranslateOptions): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
pluralnumber複数形の選択番号
optionsTranslateOptionsオプション、TranslateOptionsを参照

戻り値

翻訳メッセージ

$t(key, defaultMsg)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, defaultMsg: string): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
defaultMsgstring翻訳が見つからない場合に返すデフォルトメッセージ

戻り値

翻訳メッセージ

$t(key, defaultMsg, options)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, defaultMsg: string, options: TranslateOptions): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
defaultMsgstring翻訳が見つからない場合に返すデフォルトメッセージ
optionsTranslateOptionsオプション、TranslateOptionsを参照

戻り値

翻訳メッセージ

$t(key, list)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, list: unknown[]): TranslateResult;

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
listunknown[]リスト補間の値

戻り値

翻訳メッセージ

$t(key, list, plural)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, list: unknown[], plural: number): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
listunknown[]リスト補間の値
pluralnumber複数形の選択番号

戻り値

翻訳メッセージ

$t(key, list, defaultMsg)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, list: unknown[], defaultMsg: string): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
listunknown[]リスト補間の値
defaultMsgstring翻訳が見つからない場合に返すデフォルトメッセージ

戻り値

翻訳メッセージ

$t(key, list, options)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, list: unknown[], options: TranslateOptions): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
listunknown[]リスト補間の値
optionsTranslateOptionsオプション、TranslateOptionsを参照

戻り値

翻訳メッセージ

$t(key, named)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, named: NamedValue): TranslateResult;

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
namedNamedValue名前付き補間の値

戻り値

翻訳メッセージ

$t(key, named, plural)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, named: NamedValue, plural: number): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
namedNamedValue名前付き補間の値
pluralnumber複数形の選択番号

戻り値

翻訳メッセージ

$t(key, named, defaultMsg)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, named: NamedValue, defaultMsg: string): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
namedNamedValue名前付き補間の値
defaultMsgstring翻訳が見つからない場合に返すデフォルトメッセージ

戻り値

翻訳メッセージ

$t(key, named, options)

ロケールメッセージの翻訳

シグネチャ:

typescript
$t(key: Key, named: NamedValue, options: TranslateOptions): TranslateResult;

注意

Composition APIモードのみv9までは対応しています。v10以降はLegacy APIモードでも利用可能です

詳細

オーバーロードされた$t。詳細については、$tの備考を参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
namedNamedValue名前付き補間の値
optionsTranslateOptionsオプション、TranslateOptionsを参照

戻り値

翻訳メッセージ

$rt(message)

ロケールメッセージの解決翻訳

シグネチャ:

typescript
$rt(message: MessageFunction<VueMessageType> | VueMessageType): string;

詳細

この機能が反応コンテキストで使用される場合、ロケールが変更されると一度再評価されます。

Composition APIモードでは、$rtapp.config.globalPropertiesによって注入されます。入力/出力はコンポーザーと同じであり、グローバルスコープで動作します。詳細については、Composer#rtを参照してください。

Legacy APIモードでは、入力/出力はVueI18nインスタンスと同じです。詳細については、VueI18n#rtを参照してください。

関連項目

パラメータ

パラメータタイプ説明
messageMessageFunction<VueMessageType> | VueMessageType解決する対象のロケールメッセージ。$tmが返すロケールメッセージを指定する必要があります。

戻り値

翻訳メッセージ

$rt(message, plural, options)

複数形のロケールメッセージ翻訳を解決

シグネチャ:

typescript
$rt(message: MessageFunction<VueMessageType> | VueMessageType, plural: number, options?: TranslationOptions): string;

詳細

オーバーロードされた$rt。詳細については、$rtの備考を参照してください。

パラメータ

パラメータタイプ説明
messageMessageFunction<VueMessageType> | VueMessageType解決する対象のロケールメッセージ。$tmが返すロケールメッセージを指定する必要があります。
pluralnumber取得する複数形文字列。1は最初のものを返します。
optionsTranslateOptions追加のTranslateOptions

戻り値

翻訳メッセージ

$rt(message, list, options)

リスト補間のロケールメッセージ翻訳を解決

シグネチャ:

typescript
$rt(message: MessageFunction<VueMessageType> | VueMessageType, list: unknown[], options?: TranslationOptions): string;

詳細

オーバーロードされた$rt。詳細については、$rtの備考を参照してください。

パラメータ

パラメータタイプ説明
messageMessageFunction<VueMessageType> | VueMessageType解決する対象のロケールメッセージ。$tmが返すロケールメッセージを指定する必要があります。
listunknown[]リスト補間の値。
optionsTranslateOptions追加のTranslateOptions

戻り値

翻訳メッセージ

$rt(message, named, options)

名前付き補間のロケールメッセージ翻訳を解決

シグネチャ:

typescript
$rt(message: MessageFunction<VueMessageType> | VueMessageType, named: NamedValue, options?: TranslationOptions): string;

詳細

オーバーロードされた$rt。詳細については、$rtの備考を参照してください。

パラメータ

パラメータタイプ説明
messageMessageFunction<VueMessageType> | VueMessageType解決する対象のロケールメッセージ。$tmが返すロケールメッセージを指定する必要があります。
namedNamedValue名前付き補間の値。
optionsTranslateOptions追加のTranslateOptions

戻り値

翻訳メッセージ

$te(key, locale)

翻訳メッセージの存在確認

シグネチャ:

typescript
$te(key: Key, locale?: Locale): boolean;

詳細

詳細については、VueI18n#teを参照してください。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー
localeLocaleオプション、ロケール、グローバルスコープまたはローカルスコープのロケールを上書きする

戻り値

ロケールメッセージを見つけた場合はtrue、それ以外はfalse

$tm(key)

ロケールメッセージの取得

シグネチャ:

typescript
$tm(key: Key): LocaleMessageValue<VueMessageType> | {}

詳細

i18nコンポーネントオプションが指定されている場合、グローバルスコープのロケールメッセージよりもローカルスコープのロケールメッセージを優先的に取得します。

i18nコンポーネントオプションが指定されていない場合、グローバルスコープのロケールメッセージで取得します。

現在のlocaleに基づいて、コンポーザーインスタンスメッセージからロケールメッセージが返されます。

localeを変更すると、返されるロケールメッセージも対応して変更されます。

コンポーザーインスタンスメッセージに指定されたkeyのロケールメッセージがない場合、フォールバック機構で返されます。

パラメータ

パラメータタイプ説明
keyKey対象のロケールメッセージキー

戻り値

ロケールメッセージ

注意

$tmで返されたロケールメッセージには$rtを使用する必要があります。

$d(value)

日時の書式設定

シグネチャ:

typescript
$d(value: number | Date): DateTimeFormatResult | string;

詳細

この機能が反応コンテキストで使用される場合、ロケールが変更されると一度再評価されます。

Composition APIモードでは、入力/出力はVueI18nインスタンスと同じです。詳細については、VueI18n#dを参照してください。

Composition APIモードでは、$dapp.config.globalPropertiesによって注入されます。入力/出力はコンポーザーインスタンスと同じであり、グローバルスコープで動作します。詳細については、Composer#dを参照してください。

関連項目

パラメータ

パラメータタイプ説明
valuenumber | Date値、タイムスタンプ番号またはDateインスタンス

戻り値

書式化された値

$d(value, key)

日時の書式設定

シグネチャ:

typescript
$d(value: number | Date, key: string): DateTimeFormatResult | string;

詳細

オーバーロードされた$d。詳細については、$dの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber | Date値、タイムスタンプ番号またはDateインスタンス
keystring日時形式のキー

戻り値

書式化された値

$d(value, key, locale)

日時の書式設定

シグネチャ:

typescript
$d(value: number | Date, key: string, locale: Locale): DateTimeFormatResult | string;

詳細

オーバーロードされた$d。詳細については、$dの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber | Date値、タイムスタンプ番号またはDateインスタンス
keystring日時形式のキー
localeLocaleロケール、グローバルスコープまたはローカルスコープのロケールを上書きする

戻り値

書式化された値

$d(value, args)

日時の書式設定

シグネチャ:

typescript
$d(value: number | Date, args: { [key: string]: string | boolean | number }): DateTimeFormatResult;

詳細

オーバーロードされた$d。詳細については、$dの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber | Date値、タイムスタンプ番号またはDateインスタンス
args{ [key: string]: string }引数値

戻り値

書式化された値

$d(value, options)

日時の書式設定

シグネチャ:

typescript
$d(value: number | Date, options: DateTimeOptions): string;

詳細

オーバーロードされた$d。詳細については、$dの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber | Date値、タイムスタンプ番号またはDateインスタンス
optionsDateTimeOptionsオプション、DateTimeOptionsを参照

戻り値

書式化された値

$n(value)

数字の書式設定

シグネチャ:

typescript
$n(value: number): NumberFormatResult | string;

詳細

この機能が反応コンテキストで使用される場合、ロケールが変更されると一度再評価されます。

Legacy APIモードでは、入力/出力はVueI18nインスタンスと同じです。詳細については、VueI18n#nを参照してください。

Composition APIモードでは、$napp.config.globalPropertiesによって注入されます。入力/出力はコンポーザーインスタンスと同じであり、グローバルスコープで動作します。詳細については、Composer#nを参照してください。

関連項目

パラメータ

パラメータタイプ説明
valuenumber数値

戻り値

書式化された値

$n(value, key)

数字の書式設定

シグネチャ:

typescript
$n(value: number, key: string): NumberFormatResult | string;

詳細

オーバーロードされた$n。詳細については、$nの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber数値
keystring数字形式のキー

戻り値

書式化された値

$n(value, key, locale)

数字の書式設定

シグネチャ:

typescript
$n(value: number, key: string, locale: Locale): NumberFormatResult | string;

詳細

オーバーロードされた$n。詳細については、$nの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber数値
keystring数字形式のキー
localeLocaleロケール、グローバルスコープまたはローカルスコープのロケールを上書きする

戻り値

書式化された値

$n(value, args)

数字の書式設定

シグネチャ:

typescript
$n(value: number, args: { [key: string]: string | boolean | number }): NumberFormatResult;

詳細

オーバーロードされた$n。詳細については、$nの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber数値
args{ [key: string]: string }引数値

戻り値

書式化された値

$n(value, key, args)

数字の書式設定

シグネチャ:

typescript
$n(value: number, key: string, args: { [key: string]: string | boolean | number }): NumberFormatResult

詳細

オーバーロードされた$n。詳細については、$nの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber数値
keystring数字形式のキー
args{ [key: string]: string }引数値

戻り値

書式化された値

$n(value, key, locale, args)

数字の書式設定

シグネチャ:

typescript
$n(value: number, key: string, locale: Locale, args: { [key: string]: string | boolean | number }): NumberFormatResult

詳細

オーバーロードされた$n。詳細については、$nの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber数値
keystring数字形式のキー
localeLocaleロケール、グローバルスコープまたはローカルスコープのロケールを上書きする
args{ [key: string]: string }引数値

戻り値

書式化された値

$n(value, options)

数字の書式設定

シグネチャ:

typescript
$n(value: number, options: NumberOptions): string;

詳細

オーバーロードされた$n。詳細については、$nの備考を参照してください。

パラメータ

パラメータタイプ説明
valuenumber数値
optionsNumberOptionsオプション、NumberOptionsを参照

戻り値

書式化された値