@intlayer/docs 5.5.8

package/ja/packages/react-intlayer/useIntlayerAsync.md

@@ -0,0 +1,226 @@
+# React統合: `useIntlayerAsync` フックドキュメント
+
+`useIntlayerAsync` フックは、事前レンダリングされた辞書を返すだけでなく、非同期で更新を取得することで `useIntlayer` の機能を拡張します。これにより、初期レンダリング後にローカライズされたコンテンツを頻繁に更新するアプリケーションに最適です。
+
+## 概要
+
+- **非同期辞書読み込み:**  
+  初回マウント時に、`useIntlayerAsync` は事前取得または静的にバンドルされたロケール辞書を最初に返し（`useIntlayer` と同様）、その後、非同期で新たに利用可能なリモート辞書を取得してマージします。
+- **進行状態管理:**  
+  このフックは、リモート辞書が取得されている間を示す `isLoading` 状態も提供します。これにより、開発者はスムーズなユーザー体験のためにローディングインジケーターやスケルトン状態を表示できます。
+
+## 環境設定
+
+Intlayerは、非開発者がアプリケーションコンテンツをシームレスに管理および更新できるヘッドレスコンテンツソース管理（CSM）システムを提供します。Intlayerの直感的なダッシュボードを使用することで、チームはコードを直接変更することなく、ローカライズされたテキスト、画像、その他のリソースを編集できます。これにより、コンテンツ管理プロセスが合理化され、コラボレーションが促進され、迅速かつ簡単に更新を行うことができます。
+
+Intlayerを始めるには:
+
+1. **登録してアクセストークンを取得する** [https://intlayer.org/dashboard](https://intlayer.org/dashboard)。
+2. **資格情報を設定ファイルに追加する:**  
+   Reactプロジェクトで、資格情報を使用してIntlayerクライアントを設定します:
+
+   ```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+   import type { IntlayerConfig } from "intlayer";
+
+   export default {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   } satisfies IntlayerConfig;
+   ```
+
+   ```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+   import { type IntlayerConfig } from "intlayer";
+
+   /** @type {import('intlayer').IntlayerConfig} */
+   const config = {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   };
+
+   export default config;
+   ```
+
+   ```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+   /** @type {import('intlayer').IntlayerConfig} */
+   const config = {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   };
+
+   module.exports = config;
+   ```
+
+3. **新しいロケール辞書をIntlayerにプッシュする:**
+
+   ```bash
+   npx intlayer dictionary push -d my-first-dictionary-key
+   ```
+
+   このコマンドは、初期コンテンツ辞書をアップロードし、非同期取得およびIntlayerプラットフォームを通じた編集が可能になります。
+
+## Reactでの`useIntlayerAsync`のインポート
+
+Reactコンポーネントで、`useIntlayerAsync` をインポートします:
+
+```ts codeFormat="typescript"
+import { useIntlayerAsync } from "react-intlayer";
+```
+
+```js codeFormat="esm"
+import { useIntlayerAsync } from "react-intlayer";
+```
+
+```js codeFormat="commonjs"
+const { useIntlayerAsync } = require("react-intlayer");
+```
+
+## パラメータ
+
+1. **`key`**:  
+   **型**: `DictionaryKeys`  
+   ローカライズされたコンテンツブロックを識別するために使用される辞書キー。このキーは、コンテンツ宣言ファイルで定義する必要があります。
+
+2. **`locale`** (オプション):  
+   **型**: `Locales`  
+   ターゲットとする特定のロケール。省略された場合、フックは現在のIntlayerコンテキストからロケールを使用します。
+
+3. **`isRenderEditor`** (オプション、デフォルトは `true`):  
+   **型**: `boolean`  
+   コンテンツがIntlayerエディターオーバーレイでレンダリング可能であるかどうかを決定します。`false` に設定すると、返される辞書データにはエディター固有の機能が含まれません。
+
+## 戻り値
+
+このフックは、`key` と `locale` によってキー付けされたローカライズされたコンテンツを含む辞書オブジェクトを返します。また、リモート辞書が現在取得中であるかどうかを示す `isLoading` ブール値も含まれます。
+
+## Reactコンポーネントでの使用例
+
+```tsx fileName="src/components/ComponentExample.tsx" codeFormat="typescript"
+import { useEffect, type FC } from "react";
+import { useIntlayerAsync } from "react-intlayer";
+
+export const ComponentExample: FC = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("コンテンツを読み込み中...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>読み込み中…</h1>
+          <p>コンテンツの更新をお待ちください。</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.mjx" codeFormat="esm"
+import { useEffect } from "react";
+import { useIntlayerAsync } from "react-intlayer";
+
+const ComponentExample = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("コンテンツを読み込み中...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>読み込み中…</h1>
+          <p>コンテンツの更新をお待ちください。</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.csx" codeFormat="commonjs"
+const { useEffect } = require("react");
+const { useIntlayerAsync } = require("react-intlayer");
+
+const ComponentExample = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("コンテンツを読み込み中...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>読み込み中…</h1>
+          <p>コンテンツの更新をお待ちください。</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+**主なポイント:**
+
+- 初期レンダリング時、`title` と `description` は事前取得または静的に埋め込まれたロケール辞書から取得されます。
+- `isLoading` が `true` の間、バックグラウンドリクエストで更新された辞書を取得します。
+- 取得が完了すると、`title` と `description` は最新のコンテンツに更新され、`isLoading` は `false` に戻ります。
+
+## 属性ローカライズの処理
+
+さまざまなHTMLプロパティ（例: `alt`, `title`, `aria-label`）のローカライズされた属性値を取得することもできます:
+
+```jsx
+<img src={title.image.src.value} alt={title.image.alt.value} />
+```
+
+## 辞書ファイル
+
+すべてのコンテンツキーは、型の安全性を確保し、ランタイムエラーを防ぐためにコンテンツ宣言ファイルで定義する必要があります。これらのファイルはTypeScript検証を可能にし、常に既存のキーとロケールを参照することを保証します。
+
+コンテンツ宣言ファイルの設定手順は[こちら](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/get_started.md)をご覧ください。
+
+## 詳細情報
+
+- **Intlayerビジュアルエディター:**  
+  Intlayerビジュアルエディターと統合して、UIから直接コンテンツを管理および編集します。詳細は[こちら](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_visual_editor.md)。
+
+---
+
+**まとめとして**, `useIntlayerAsync` は、事前レンダリングまたは事前取得された辞書を非同期辞書更新と統合することで、ユーザー体験を向上させ、コンテンツの新鮮さを維持するために設計された強力なReactフックです。`isLoading` とTypeScriptベースのコンテンツ宣言を活用することで、動的でローカライズされたコンテンツをReactアプリケーションにシームレスに統合できます。

package/ja/packages/react-intlayer/useLocale.md

@@ -0,0 +1,184 @@
+# React統合: `useLocale`フックのドキュメント
+
+このセクションでは、Reactアプリケーションでロケール管理を行うために設計された`react-intlayer`ライブラリの`useLocale`フックに関する包括的な詳細を提供します。
+
+## Reactでの`useLocale`のインポート
+
+Reactアプリケーションに`useLocale`フックを統合するには、対応するパッケージからインポートします:
+
+```typescript codeFormat="typescript"
+import { useLocale } from "react-intlayer"; // Reactコンポーネントでロケール管理に使用
+```
+
+```javascript codeFormat="esm"
+import { useLocale } from "react-intlayer"; // Reactコンポーネントでロケール管理に使用
+```
+
+```javascript codeFormat="commonjs"
+const { useLocale } = require("react-intlayer"); // Reactコンポーネントでロケール管理に使用
+```
+
+## 概要
+
+`useLocale`フックは、Reactコンポーネント内でロケール設定にアクセスし、操作するための簡単な方法を提供します。現在のロケール、デフォルトのロケール、利用可能なすべてのロケール、およびロケール設定を更新するための関数にアクセスできます。
+
+## 使用方法
+
+以下は、Reactコンポーネント内で`useLocale`フックを使用する方法の例です:
+
+```tsx fileName="src/components/LocaleSwitcher.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useLocale } from "react-intlayer";
+
+const LocaleSwitcher: FC = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>現在のロケール: {locale}</h1>
+      <p>デフォルトのロケール: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+```jsx fileName="src/components/LocaleSwitcher.mjx" codeFormat="esm"
+import { useLocale } from "react-intlayer";
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>現在のロケール: {locale}</h1>
+      <p>デフォルトのロケール: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+```jsx fileName="src/components/LocaleSwitcher.csx" codeFormat="commonjs"
+const { useLocale } = require("react-intlayer");
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>現在のロケール: {locale}</h1>
+      <p>デフォルトのロケール: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+## パラメータと戻り値
+
+`useLocale`フックを呼び出すと、以下のプロパティを含むオブジェクトが返されます:
+
+- **`locale`**: Reactコンテキストで設定されている現在のロケール。
+- **`defaultLocale`**: 設定で定義された主要なロケール。
+- **`availableLocales`**: 設定で定義された利用可能なすべてのロケールのリスト。
+- **`setLocale`**: アプリケーションのコンテキスト内で現在のロケールを更新するための関数。
+
+## 例
+
+この例では、`useLocale`フックを使用してロケールスイッチャーをレンダリングし、ユーザーがアプリケーションのロケールを動的に変更できるようにするコンポーネントを示します:
+
+```tsx fileName="src/components/LocaleSelector.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useLocale } from "react-intlayer";
+
+const LocaleSelector: FC = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSelector.mjx" codeFormat="esm"
+import { useLocale } from "react-intlayer";
+
+const LocaleSelector = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSelector.csx" codeFormat="commonjs"
+const { useLocale } = require("react-intlayer");
+
+const LocaleSelector = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+## 結論
+
+`react-intlayer`の`useLocale`フックは、Reactアプリケーションでロケールを管理するための重要なツールであり、さまざまな国際的なオーディエンスにアプリケーションを効果的に適応させるために必要な機能を提供します。

package/ja/packages/react-native-intlayer/index.md

@@ -0,0 +1,57 @@
+**Intlayer**は、JavaScript開発者向けに設計されたパッケージスイートです。React、React、Express.jsなどのフレームワークと互換性があります。
+
+**`react-native-intlayer`パッケージ**は、Viteアプリケーションを国際化するためのものです。環境変数を通じて[Metroバンドラー](https://docs.expo.dev/guides/customizing-metro/)に設定を適用するためのMetroプラグインが含まれています。
+
+## React Nativeアプリケーションを国際化する理由
+
+React Nativeアプリケーションを国際化することは、グローバルなオーディエンスに効果的に対応するために不可欠です。これにより、各ユーザーの好みの言語でコンテンツやメッセージを提供することができます。この機能はユーザーエクスペリエンスを向上させ、異なる言語背景を持つ人々にとってアプリケーションをよりアクセスしやすく、関連性のあるものにすることで、アプリケーションのリーチを広げます。
+
+## 設定
+
+`react-native-intlayer`パッケージは、[`react-intlayer`パッケージ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/index.md)や[`intlayer`パッケージ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/index.md)とシームレスに連携します。詳細については、関連するドキュメントをご覧ください。
+
+## インストール
+
+お好みのパッケージマネージャーを使用して必要なパッケージをインストールしてください：
+
+```bash packageManager="npm"
+npm install react-native-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add react-native-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add react-native-intlayer
+```
+
+## 使用例
+
+Vite設定にプラグインを含める方法の例を以下に示します。
+
+```js
+// metro.config.js
+const { getDefaultConfig } = require("expo/metro-config");
+const { configMetroIntlayer } = require("react-native-intlayer/metro");
+
+module.exports = (async () => {
+  const defaultConfig = getDefaultConfig(__dirname);
+
+  return await configMetroIntlayer(defaultConfig);
+})();
+```
+
+## Viteアプリケーションの国際化をマスターする
+
+Intlayerは、Viteアプリケーションを国際化するための多くの機能を提供します。
+
+**これらの機能について詳しく知りたい場合は、[React Nativeアプリケーション向けのIntlayerとReact Nativeを使用した国際化 (i18n)](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_react_native+expo.md)ガイドをご覧ください。**
+
+## Intlayerについて読む
+
+- [Intlayer公式ウェブサイト](https://intlayer.org)
+- [Intlayerドキュメント](https://intlayer.org/doc)
+- [Intlayer GitHub](https://github.com/aymericzip/intlayer)
+
+- [スマートドキュメントに質問する](https://intlayer.org/docchat)

package/ja/packages/react-scripts-intlayer/index.md

@@ -0,0 +1,57 @@
+# react-scripts-intlayer: React Create AppアプリケーションでIntlayerを使用するためのNPMパッケージ
+
+**Intlayer**は、JavaScript開発者向けに特別に設計されたパッケージ群です。React、React、Express.jsなどのフレームワークと互換性があります。
+
+**`react-scripts-intlayer`パッケージ**は、Create React AppベースのアプリケーションにIntlayerを統合するための`react-scripts-intlayer`コマンドとプラグインを含んでいます。これらのプラグインは[craco](https://craco.js.org/)に基づいており、[Webpack](https://webpack.js.org/)バンドラーの追加設定を含んでいます。
+
+## 設定
+
+`react-scripts-intlayer`パッケージは、[`react-intlayer`パッケージ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/index.md)および[`intlayer`パッケージ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/index.md)とシームレスに動作します。詳細については、関連するドキュメントをご覧ください。
+
+## インストール
+
+お好みのパッケージマネージャーを使用して必要なパッケージをインストールします:
+
+```bash packageManager="npm"
+npm install react-scripts-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add react-scripts-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add react-scripts-intlayer
+```
+
+## 使用方法
+
+### CLIコマンド
+
+`react-scripts-intlayer`パッケージは以下のCLIコマンドを提供します:
+
+- `npx react-scripts-intlayer build`: Intlayer設定を使用してReactアプリケーションをビルドします。
+- `npx react-scripts-intlayer start`: Intlayer設定を使用して開発サーバーを起動します。
+
+### package.jsonスクリプトの置き換え
+
+`react-scripts-intlayer`パッケージを使用するには、以下のコマンドで`package.json`スクリプトを置き換える必要があります:
+
+```json fileName="package.json"
+{
+  "scripts": {
+    "start": "react-scripts-intlayer start",
+    "build": "react-scripts-intlayer build"
+  }
+}
+```
+
+## カスタムWebpack設定の使用
+
+`react-scripts-intlayer`は[craco](https://craco.js.org/)に基づいており、Webpack設定をカスタマイズすることができます。
+Webpack設定をカスタマイズする必要がある場合は、intlayer cracoプラグインに基づいて独自のセットアップを実装することもできます。[こちらの例を参照してください](https://github.com/aymericzip/intlayer/blob/main/examples/react-app/craco.config.js)。
+
+## React Create App用のIntlayerガイドを読む
+
+Intlayerは、Reactアプリケーションを国際化するための多くの機能を提供します。
+[React Create Appでintlayerを使用する方法を参照してください](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_create_react_app.md)。

package/ja/packages/solid-intlayer/index.md

@@ -0,0 +1,3 @@
+this doc will be automatically generated translated from the english doc
+
+see /docs/en/packages/solid-intlayer/index.md

package/ja/packages/svelte-intlayer/index.md

@@ -0,0 +1,3 @@
+this doc will be automatically generated translated from the english doc
+
+see /docs/en/packages/svelte-intlayer/index.md

package/ja/packages/vite-intlayer/index.md

@@ -0,0 +1,53 @@
+# vite-intlayer: Viteアプリケーションを国際化（i18n）するためのNPMパッケージ
+
+**Intlayer**は、JavaScript開発者向けに特別に設計されたパッケージ群です。React、React、Express.jsなどのフレームワークと互換性があります。
+
+**`vite-intlayer`パッケージ**は、Viteアプリケーションを国際化するためのものです。このパッケージには、[Viteバンドラー](https://vitejs.dev/guide/why.html#why-bundle-for-production)に環境変数を設定するためのViteプラグインが含まれています。また、ユーザーの優先ロケールを検出し、[設定](https://github.com/aymericzip/intlayer/blob/main/docs/ja/configuration.md)で指定された適切なURLにリダイレクトするためのミドルウェアも提供します。
+
+## なぜViteアプリケーションを国際化するのか？
+
+Viteアプリケーションを国際化することは、グローバルなオーディエンスに効果的にサービスを提供するために不可欠です。これにより、各ユーザーの好みの言語でコンテンツやメッセージを提供することができます。この機能はユーザーエクスペリエンスを向上させ、異なる言語背景を持つ人々にとってアプリケーションをよりアクセスしやすく、関連性のあるものにすることで、アプリケーションのリーチを広げます。
+
+## 設定
+
+`vite-intlayer`パッケージは、[`react-intlayer`パッケージ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/index.md)や[`intlayer`パッケージ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/index.md)とシームレスに連携します。詳細については、関連するドキュメントをご覧ください。
+
+## インストール
+
+お好みのパッケージマネージャーを使用して必要なパッケージをインストールします：
+
+```bash packageManager="npm"
+npm install vite-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add vite-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add vite-intlayer
+```
+
+## 使用例
+
+Vite設定にプラグインを含める方法の例を以下に示します。
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import { intlayerPlugin, intLayerMiddlewarePlugin } from "vite-intlayer";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [intlayerPlugin(), intLayerMiddlewarePlugin()],
+});
+```
+
+> `intlayerPlugin()` Viteプラグインは、IntlayerをViteに統合するために使用されます。これにより、コンテンツ宣言ファイルの構築が保証され、開発モードでそれらを監視します。また、Viteアプリケーション内でIntlayer環境変数を定義します。さらに、パフォーマンスを最適化するためのエイリアスを提供します。
+
+> `intLayerMiddlewarePlugin()`は、アプリケーションにサーバーサイドルーティングを追加します。このプラグインは、URLに基づいて現在のロケールを自動的に検出し、適切なロケールクッキーを設定します。ロケールが指定されていない場合、ユーザーのブラウザの言語設定に基づいて最適なロケールを決定します。ロケールが検出されない場合は、デフォルトのロケールにリダイレクトします。
+
+## Viteアプリケーションの国際化をマスターする
+
+Intlayerは、Viteアプリケーションを国際化するための多くの機能を提供します。
+
+**これらの機能について詳しくは、[IntlayerとViteおよびReactを使用したReactの国際化（i18n）](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_vite+react.md)ガイドをご覧ください。**

package/ja/packages/vue-intlayer/index.md

@@ -0,0 +1,3 @@
+this doc will be automatically generated translated from the english doc
+
+see /docs/en/packages/vue-intlayer/index.md