Started playing with components and first major drawback I noticed is I can’t create a card and then put a query loop on it! I can get around it by wrapping the card with a div and putting the query there but now I feel I’m just adding extra divs to my builds.
I’d like to use the same cards in several places across my site but have them using different queries (related posts in one place, recent posts in another, etc.). I think if the primary parent element is a container of some kind (div, block, container) it should have the typical query options.
Yes, this is an essential feature. A single instance must support the query loop. Otherwise, the components lose their utility. Without this functionality, I might only use a template. There is no extra setup time. Let say when I set the card as <li> and save as component, it becomes problematic—I’d have to wrap it in another <div> to get query loop and switch it to <li> again. This adds unnecessary effort and bloats the markup, which is far from ideal.