ガイドの CSS の設定と CSS フレームワークの適用 の実施順を最後にする #3075
Description
概要
現在、 Vue.js 編のガイドでは、 中盤のセクションの CSS の設定と CSS フレームワークの適用 で Tailwind CSS の導入を行っている。
一方で、Tailwind CSS の導入は Maia / Maris としてはオプションの一つなので、 別の CSS フレームワークを導入する場合はこのセクションを実施する必要がない。
しかし、ガイドの途中に配置されている関係で、その後の Stylelint の導入の際などに Tailwind CSS が導入されていることを考慮した手順になってしまっているため、本来オプションである Tailwind CSS の導入をスキップするとガイドがわかりにくくなってしまう。
Tailwind CSS の導入を自然にスキップ可能なように、Tailwind CSS に関する各種設定を分離し、実施順を最後に変更する。
完了条件
- Tailwind CSS の導入に関連する内容が CSS の設定と CSS フレームワークの適用 のセクションに適切に分離されていること
- ガイドを通して実行した際、 CSS の設定と CSS フレームワークの適用 をスキップしても、Maia / Maris が想定するアプリ構成が実現されること
- ガイドの CSS の設定と CSS フレームワークの適用 を追加で実施した場合、 Dressca と同じ構成になること