開発ガイド：モノレポ構成とワークフロー

Lism UI Vue プロジェクトは、Vue 本体のライブラリと Nuxt 専用モジュールの 2 つを管理するモノレポ構成を採用しています。

ディレクトリ構造

• src/: lism-ui-vue 本体のソースコード（Vue 3 コンポーネント、コンポーザブル）。

• apps/lism-ui-vue-nuxt/: Nuxt 4 専用モジュールのパッケージ。

  • src/module.ts: モジュールのメインエントリ。

  • playground/: モジュールの動作を確認するための Nuxt テスト用アプリ。

開発サーバーの起動

1. 全体のセットアップ

ルートディレクトリで一度だけ実行します：

pnpm install

2. Vue 本体の開発

コンポーネント単体や本体側のサンドボックスで開発する場合：

pnpm dev

3. Nuxt モジュールの開発 (Playground)

Nuxt 環境での自動インポートなどの動作を確認する場合：

cd apps/lism-ui-vue-nuxt
pnpm dev

※ playground 内で Nuxt 開発サーバーが立ち上がります。

注意点

• 依存関係の追加: 新しいライブラリを導入する際は、ルートではなくそれぞれのディレクトリで pnpm add を行ってください。

• 共有: playground は workspace:* を通じて本体の lism-ui-vue を参照しているため、本体側の変更は即座に反映されます。