product page

components/section/MainProducts.vue

@@ -2,24 +2,21 @@
   <UiContainer class="space-y-[40px] sm:space-y-[55px] md:space-y-[75px]">
     <!-- product -->
     <div class="space-25-55-75 flex flex-col items-center">
-      <div
-        :class="[
-          'sm:mx-[50px] md:mx-0 xl:mx-[92px] flex items-stretch',
-          itemCount === 1 ? 'justify-center' : 'justify-between gap-2',
-        ]"
-      >
+      <div :class="[
+        'sm:mx-[50px] md:mx-0 xl:mx-[92px] flex items-stretch',
+        itemCount === 1 ? 'justify-center' : 'justify-between gap-2',
+      ]">
         <Product v-for="product in productStore.productList" :key="product.id" :product="product" />
       </div>
     </div>
 
     <div class="flex flex-col gap-6 md:flex-row items-center justify-between">
-      <h3
-        class="h4-uppercase-bold-inter w-full text-center md:text-start xl:max-w-[50%]"
-      >
+      <h3 class="h4-uppercase-bold-inter w-full text-center md:text-start xl:max-w-[50%]">
         Zlato je jistota, která nepodléhá času. Udělejte dnes rozhodnutí, které
         vás ochrání zítra
       </h3>
-      <nuxt-link :to="{ name: `id-slug___${$i18n.locale}`, params: { id: menuStore.getShopMenu()?.id, slug: menuStore.getShopMenu()?.front_menu_lang.at(0)?.link_rewrite } }">
+      <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>