著者:
    作成:2026-01-21最終更新:2026-01-21

    vue-intlayer パッケージ

    vue-intlayer パッケージは、Intlayer を Vue アプリケーションに統合するために必要なツールを提供します。Vue プラグインと多言語コンテンツを扱うための composables(コンポーザブル)を含みます。

    インストール

    bash
    npm install vue-intlayer
    

    エクスポート

    プラグイン

    インポート:

    tsx
    import "vue-intlayer";
    
    FunctionDescription
    installIntlayerアプリケーションにIntlayerをインストールするためのVueプラグイン。

    コンポーザブル

    インポート:

    tsx
    import "vue-intlayer";
    
    コンポーザブル説明関連ドキュメント
    useIntlayeruseDictionary をベースにしていますが、生成された宣言から最適化された辞書を注入します。-
    useDictionary辞書のように見えるオブジェクト(key, content)を処理します。t() の翻訳、列挙 (enumerations) などを処理します。-
    useDictionaryAsyncuseDictionary と同様ですが、非同期の辞書を処理します。-
    useDictionaryDynamicuseDictionary と同様ですが、動的な辞書を処理します。-
    useLocale現在のロケールと、それを設定する関数を返します。-
    usePathnameロケールセグメントが削除された現在のパス名 (pathname) を ComputedRef<string> として返します。popstate に反応します。usePathname
    useRewriteURLURL の書き換えを管理するクライアントサイドのコンポーザブル。ローカライズされた書き換えルールが存在する場合は自動的に URL を更新します。useRewriteURL
    useIntl現在のロケールの Intl オブジェクトを返します。-
    useLoadDynamic動的辞書を読み込むためのコンポーザブル。-

    関数

    インポート:

    tsx
    import "vue-intlayer";
    
    関数説明
    getDictionary辞書(key, content)の形式に見えるオブジェクトを処理します。t() 翻訳、列挙などを処理します。
    getIntlayergetDictionary をベースにしていますが、生成された宣言から辞書の最適化されたバージョンを注入します。

    Markdown(マークダウン)

    インポート:

    tsx
    import "vue-intlayer/markdown";
    
    関数説明
    installIntlayerMarkdownアプリケーションにIntlayer MarkdownをインストールするためのVueプラグイン。