コンテナクエリをより適切にサポートするために、コンポーネントテンプレートのリファクタリングを行いたいと考えています。また、コンテナ自体に対してクエリを実行できなかったため、いくつかの追加のラッパーが必要になります。しかし、もしそうする場合、ラッパー要素にどのように名前を付けるのが最善か疑問に思います。テンプレートを見ると、通常の命名規則では、外側に wrapper 要素を、内側に container 要素を配置しています。
.component {
&__wrapper {
}
&__container {
}
}
これは理にかなっているように思えました。しかし、コンテナクエリの場合、常に外側の要素をコンテナとして宣言する必要があります。そして、ラッパーがコンテナとして宣言されている場合、直感的ではなくなります。これは、次のように表示される方がはるかに優れています。
そこで、誰かがすでにこのことについて慣習や良いアプローチを考えているのではないかと思っていますか？もしかしたら考えすぎかもしれませんが、テンプレートをリファクタリングするのは破壊的な変更なので、行き当たりばったりにしたくはありません。