![[2026-01-19-06-27-00.webp|cover-picture]] [[Class Variance Authority]]を使ったコンポーネント設計について、よくあるパターンについてまとめておく。 ## 環境 ``` ├── @types/[email protected] ├── @vitejs/[email protected] ├── @vue/[email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected] ```