ロードマップ

アルファ版ロードマップ

1. 基盤レイアウトコンポーネントの拡充 (✅ 完了)

LismCSS の主要なレイアウトロジックを Vue コンポーネント化しました。

  • Lism (コアコンポーネント)

  • LismBox

  • LismStack

  • LismFlex

  • LismGrid

  • LismContainer (is-container / is-wrapper)

  • LismCluster

  • LismFrame (aspect-ratio サポート)

  • LismSideMain (Sidebar + Main layout)

  • LismLayer (Absolute positioning + Backdrop filter サポート)

3. Nuxt での auto-import 対応 (✅ 完了)

Nuxt 4 / 3 向けの専用モジュールを整備しました。

  • 型推論 (Volar / TS サポート)

  • 自動インポート設定

  • SSR 安定性向上 (Transpile 自動設定)

  • テスト環境向け skipCss サポート

  • 堅牢なパッケージ解決・リソース読み込みロジック (Robust Resource Loading) ✅ NEW

  • コンポーザブルの独立エントリポイント化 (lism-ui-vue/composables) ✅ NEW

  • @alpha タグでの初版リリース (GitHub Actions 経由)

4. 開発基盤・ドキュメントの整備 (進行中)

  • 技術仕様のドキュメント化 (型推論・Nuxtモジュール・アダプター)

  • SSR E2E テスト基盤の構築

  • Vitest による単体テスト基盤の整備と拡充 ✅ NEW

    • アダプター、レイアウト、セマンティックコンポーネントの網羅的なテスト。

    • CI 環境（GitHub Actions）との連携による品質維持。

  • Storybook によるコンポーネントカタログの構築 (エラー修正・動作確認済)

  • 各コンポーネントの詳細リファレンス作成

5. リリースプロセス (✅ 完了)

  • GitHub Actions を利用した npm への自動パブリッシュ環境構築 (OIDC 認証)

  • changelogen によるリリースの簡略化

  • CI ジョブ完了後の自動パブリッシュ連携 (needs: ci) ✅ NEW

  • @alpha タグでの初版リリース (GitHub Actions 経由)

ベータ版ロードマップ (予定)

1. 未実装のベースモジュール・コンポーネントの実装

LismCSS の各モジュールをコンポーネントとして順次実装します。

Layout Modules (.l--)

  • Center (l--center)

  • Flow (l--flow)

  • FluidCols (l--fluidCols)

  • Columns (l--columns)

  • SwitchCols (l--switchCols)

State Modules (.is--)

  • LinkBox (is--linkBox) ✅ NEW

2. コア機能の強化・最適化 (進行中)

  • SetClassをサポート

  • Lism アダプターの単体テスト

セマンティックコンポーネントの拡充 (✅ 完了)

  • LismText / LismInline

  • LismHeading (lvプロパティによるh1-h6の自動選択)

  • LismLink (aタグ + リンク属性)

  • LismList / LismListItem (ul/ol/li/dl/dt/dd)

  • LismMedia (img/video/iframe対応 + ネイティブ属性の型支援)

  • LismGroup (div/section/article等のセマンティックラップ)

Atomic Modules (.a--)