refactoring

pages/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="index">
-    <div class="cards-list">
+    <div v-if="productCardData.length" class="cards-list">
       <div
-        v-for="product in productCardData"
+        v-for="product in pizda"
         :key="product.id"
         class="card"
         @click="router.push(`/product/${product.id}`)"
@@ -30,6 +30,11 @@
 import { useProductsList } from '~/composables'
 
 const { productCardData } = useProductsList()
+
+// Карточка вариативного товара с разными цветами в процессе разработки, поэтому отображаем только карточку товара с одним цветов
+const pizda = computed(() => {
+  return [productCardData.value.find(xueta => xueta.name === 'Пальто мужское'), productCardData.value.find(xueta => xueta.name === 'Пальто мужское'), productCardData.value.find(xueta => xueta.name === 'Пальто мужское'), productCardData.value.find(xueta => xueta.name === 'Пальто мужское')]
+})
 const router = useRouter()
 </script>