"name": "components/product-card" вот тут и проблема вы обращаетесь везде к реальному компоненту в...

"name": "components/product-card" вот тут и проблема вы обращаетесь везде к реальному компоненту в проекте и уже на этом этапе полагаетесь что этот компонент будет делать конкретно вот это и это всегда и везде это ограничивает и сбивает с толку, так как в будущем компонент вообще может кардинально измениться обычно берут и передают название ProductCard или ProductsList с такими то параметрами и таким то контентом, внутри вот такое и такое то есть то же что и у вас но абстрактное где бек описывает кто отображать и где, а фронт как отображать