refactoring

nuxt.config.ts

@@ -22,7 +22,7 @@ export default defineNuxtConfig({
     'vue-yandex-maps/nuxt',
   ],
   yandexMaps: {
-    apikey: '13f4c06b-cb7e-4eeb-81f1-af52f12587b2',
+    apikey: '13f4c06b-cb7e-4eeb-81f1-af52f12587b2', // неправильно, через .env ошибка в проде РАЗОБРАТСЯ
   },
   css: ['~/assets/css/main.css', '~/assets/scss/main.scss'],
   i18n: {

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>