fix: fix links

components/section/InvestmentZone.vue

@@ -35,52 +35,14 @@
           itemCount === 1 ? 'justify-center' : 'justify-between gap-2',
         ]"
       >
-        <div
-          v-for="(item, index) in productStore.productList"
-          :key="index"
-          class="w-[200px] sm:w-[260px] md:w-[290px] sm:py-5 sm:px-[15px] py-[15px] px-[10px] bg-block rounded-2xl flex flex-col items-center gap-5 sm:gap-7"
-        >
-          <img
-            :src="`/api/public/file/${item.cover_picture_uuid}.webp`"
-            alt="pics"
-            class="max-h-[150px] sm:max-h-[180px] md:max-h-[205px]"
-          >
-          <div class="flex flex-col justify-between h-full">
-            <div class="flex flex-col gap-[10px] sm:gap-[15px] w-full">
-              <h3
-                class="text-[13px] sm:text-base md:text-lg text-xl font-bold leading-[150%] text-bg-dark"
-              >
-                {{ item.name }}
-              </h3>
-              <p class="text-[10px] sm:text-[12px] text-sm text-bg-dark">
-                {{ item.tax_name }}
-              </p>
-            </div>
-            <div class="flex items-center justify-between">
-              <p class="text-accent-green-light text-bold-24">
-                {{ item.formatted_price }}
-              </p>
-              <button
-                class="w-9 h-9 md:w-12 md:h-12 rounded-xl bg-button cursor-pointer hover:bg-button-hover transition-all flex items-center justify-center"
-                @click="productStore.incrementCartItem(item.id)"
-              >
-                <i
-                  class="uil uil-shopping-cart text-[25px] md:text-[24px] text-bg-light"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
+        <Product v-for="product in productStore.productList" :key="product.id" :product="product" />
       </div>
 
-      <UiButtonArrow
-        :arrow="true"
-        class="mx-auto"
-        type="fill"
-        @click="menuStore.navigateToShop"
-      >
-        {{ $t("eshop") }}
-      </UiButtonArrow>
+      <nuxt-link :to="{ name: `id-slug___${$i18n.locale}`, params: { id: menuStore.getShopMenu()?.id, slug: menuStore.getShopMenu()?.front_menu_lang.at(0)?.link_rewrite } }">
+        <UiButtonArrow type="fill" :arrow="true">
+          {{ $t("eshop") }}
+        </UiButtonArrow>
+      </nuxt-link>
     </div>
 
     <!-- calculator-block -->
@@ -173,6 +135,8 @@
 </template>
 
 <script lang="ts" setup>
+import Product from './Product.vue'
+
 defineProps<{
   component: {
     id: number
@@ -211,8 +175,8 @@ const productStore = useProductStore()
 async function updateItemCount() {
   const width = window.innerWidth
   if (width >= 1800) itemCount.value = 5
-  else if (width >= 1200) itemCount.value = 4
-  else if (width >= 768) itemCount.value = 3
+  else if (width >= 1600) itemCount.value = 4
+  else if (width >= 1200) itemCount.value = 3
   else if (width >= 640) itemCount.value = 2
   else itemCount.value = 1
 }