Skip to content

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

ComponentCustomOptions

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

シグネチャ:

typescript
export interface ComponentCustomOptions;

i18n

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

シグネチャ:

typescript
i18n?: VueI18nOptions;

参照

ComponentCustomProperties

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

シグネチャ:

typescript
export interface ComponentCustomProperties;

詳細

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

$i18n

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

シグネチャ:

typescript
$i18n: VueI18n | ExportedGlobalComposer;

詳細

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

Composition API モード ではエクスポートされた Composer インスタンスを取得でき、Legacy API モード では VueI18n インスタンスを取得できます。

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

i18n コンポーネントオプションが指定されていない場合、i18n インスタンス global によって参照できる VueI18n インスタンスと同じになります。

参照

$t(key)

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

シグネチャ:

typescript
$t(key: Key): TranslateResult;

詳細

リアクティブなコンテキストで使用される場合、ロケールが変更されると再評価されます。

Composition API モード では、$tapp.config.globalProperties によって注入されます。入出力は Composer と同じで、グローバルスコープで動作します。詳細については、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 と同じで、グローバルスコープで動作します。詳細については、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 に基づいて、Composer インスタンスのメッセージからロケールメッセージが返されます。

locale を変更すると、返されるロケールメッセージもそのロケールに対応したものになります。

Composer インスタンスのメッセージに指定された key のロケールメッセージがない場合、フォールバック を使用して返されます。

パラメータ

パラメータ説明
keyKeyターゲットとなるロケールメッセージのキー

戻り値

ロケールメッセージ

注意

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

$d(value)

日時フォーマット

シグネチャ:

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

詳細

リアクティブなコンテキストで使用される場合、ロケールが変更されると再評価されます。

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

Composition API モード では、$dapp.config.globalProperties によって注入されます。入出力は Composer インスタンスと同じで、グローバルスコープで動作します。詳細については、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 インスタンスと同じで、グローバルスコープで動作します。詳細については、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 を参照

戻り値

フォーマットされた値

Released under the MIT License.