MDUIDocs
llms.txt のリンクをコピーllms-full.txt のリンクをコピーMarkdown 形式でこのページを表示このページの内容について ChatGPT と相談するプロジェクトの完全なドキュメントについて ChatGPT と相談する
プリセットカラー
カスタムカラー
壁紙から色を抽出
壁紙を選択してください
開発ガイド
AI 補助開発
スタイル
フレームワークとの統合
コンポーネント
関数
jq ライブラリ dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
独立パッケージ

loadLocale

loadLocale 関数は、言語パックをロードするために使います。詳細は ローカライズ を参照してください。

使用方法

関数を必要に応じてインポートします:

import { loadLocale } from 'mdui/functions/loadLocale.js';

以下によくある言語パックのロード方法をいくつか示します。詳細な説明は ローカライズ を参照してください。

動的インポート(遅延ロード):

loadLocale((locale) => import(`../node_modules/mdui/locales/${locale}.js`));

動的インポート(プリロード):

const localizedTemplates = new Map([
  ['zh-cn', import(`../node_modules/mdui/locales/zh-cn.js`)],
  ['zh-tw', import(`../node_modules/mdui/locales/zh-tw.js`)],
]);

loadLocale(async (locale) => localizedTemplates.get(locale));

静的インポート:

import * as locale_zh_cn from 'mdui/locales/zh-cn.js';
import * as locale_zh_tw from 'mdui/locales/zh-tw.js';

const localizedTemplates = new Map([
  ['zh-cn', locale_zh_cn],
  ['zh-tw', locale_zh_tw],
]);

loadLocale(async (locale) => localizedTemplates.get(locale));

API

loadLocale((LocaleTargetCode) => Promise<LocaleModule>): void;

関数のパラメーターは、言語パックのロード方法を定義する関数です。言語パックのロード関数のパラメーターは言語コードで、戻り値は Promise で、resolve された値が対応する言語パックモジュールです。

言語コードのリストは サポートされている言語 を参照してください。en-us は組み込み言語であるため、ロードする必要はありません。

このページの目次