インストール
NarraLeaf-React と Motion をインストールし、React アプリケーションで GameProviders を設定する方法
必要条件
依存パッケージとして追加する
このライブラリを使う最も簡単な方法は、プロジェクトの依存パッケージとしてインストールすることです。
NarraLeaf-React をインストールする
NarraLeaf-React をインストールするには、プロジェクトディレクトリで次のコマンドを実行します。
npm install narraleaf-react motion@11yarn add narraleaf-react motion@11pnpm add narraleaf-react motion@11これでプロジェクトに NarraLeaf-React がインストールされます。
GameProviders を設定する
NarraLeaf-React を使うには、アプリに GameProviders を設定する必要があります。
// 1. Mark your file as a client file
"use client";
// 2. Import the GameProviders component
import { GameProviders } from 'narraleaf-react';
export default function App() {
// 3. Wrap your app content with the GameProviders component
return (
<GameProviders>
{/* Your app content */}
</GameProviders>
);
}