From 43430ff03b60f1c287e3e50f71c1393073d0f3ec Mon Sep 17 00:00:00 2001
From: Roene <roene@justbetter.nl>
Date: Tue, 7 Jan 2025 12:03:53 +0100
Subject: [PATCH] Changed translation | Removed @once | Fix grouped products
 responsive

---
 lang/nl.json                                         |  2 +-
 resources/views/components/productlist.blade.php     | 10 ++--------
 .../views/layouts/partials/header/minicart.blade.php |  4 ++--
 resources/views/product/partials/grouped.blade.php   | 12 ++++++------
 4 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/lang/nl.json b/lang/nl.json
index 400b346c..ef1f149c 100644
--- a/lang/nl.json
+++ b/lang/nl.json
@@ -2,7 +2,7 @@
     ":count of the requested quantity will be backordered": ":count van de aangevraagde hoeveelheid zal worden nageleverd",
     "Accept cookies": "Accepteer cookies",
     "Account": "Account",
-    "Add to cart": "Toevoegen aan winkelwagen",
+    "Add to cart": "In winkelwagen",
     "Added": "Toegevoegd",
     "Adding": "Aan het toevoegen",
     "Addition": "Toevoeging",
diff --git a/resources/views/components/productlist.blade.php b/resources/views/components/productlist.blade.php
index 4f5beb66..635de509 100644
--- a/resources/views/components/productlist.blade.php
+++ b/resources/views/components/productlist.blade.php
@@ -1,11 +1,5 @@
 @props(['value', 'title' => false, 'field' => 'sku.keyword'])
 
-@once
-    @if ($file = vite_filename_path('Listing.vue'))
-        @vite([$file])
-    @endif
-@endonce
-
 @if ($value)
     <lazy v-slot="{ intersected }">
         <listing v-if="intersected">
@@ -45,7 +39,7 @@ class="absolute left-0 top-1/2 sm:-translate-x-1/2 -translate-y-1/2"
                                         v-on:click="navigate(currentSlide - 1)"
                                         :aria-label="__('Prev')"
                                     >
-                                        <x-heroicon-o-chevron-left :defer="false" class="size-6 shrink-0"/>
+                                        <x-heroicon-o-chevron-left class="size-6 shrink-0"/>
                                     </x-rapidez::button.slider>
                                     <x-rapidez::button.slider
                                         class="absolute right-0 top-1/2 sm:translate-x-1/2 -translate-y-1/2"
@@ -53,7 +47,7 @@ class="absolute right-0 top-1/2 sm:translate-x-1/2 -translate-y-1/2"
                                         v-on:click="navigate(currentSlide + 1)"
                                         :aria-label="__('Next')"
                                     >
-                                        <x-heroicon-o-chevron-right :defer="false" class="size-6 shrink-0"/>
+                                        <x-heroicon-o-chevron-right class="size-6 shrink-0"/>
                                     </x-rapidez::button.slider>
                                 </div>
                                 <div v-show="slidesTotal > 1" class="flex flex-row justify-center w-full mt-[35px]">
diff --git a/resources/views/layouts/partials/header/minicart.blade.php b/resources/views/layouts/partials/header/minicart.blade.php
index bb4c5159..dbe36440 100644
--- a/resources/views/layouts/partials/header/minicart.blade.php
+++ b/resources/views/layouts/partials/header/minicart.blade.php
@@ -2,8 +2,8 @@
     <div class="relative" v-if="hasCart" v-on-click-away="close" slot-scope="{ toggle, close, isOpen }">
         <button class="flex my-1 focus:outline-none" v-on:click="toggle">
             <x-heroicon-o-shopping-cart class="size-6"/>
-            <span class="bg-secondary text-secondary-text rounded-full size-6 text-center" dusk="minicart-count">
-                <span v-cloak>@{{ Math.round(cart.total_quantity) }}</span>
+            <span class="bg-secondary text-secondary-text rounded-full size-6 text-center" dusk="minicart-count" v-cloak>
+                <span>@{{ Math.round(cart.total_quantity) }}</span>
             </span>
         </button>
         <div v-if="isOpen" class="absolute right-0 bg-white border shadow rounded-xl p-5 z-header-minicart" v-cloak>
diff --git a/resources/views/product/partials/grouped.blade.php b/resources/views/product/partials/grouped.blade.php
index d9ef01a0..f59a8262 100644
--- a/resources/views/product/partials/grouped.blade.php
+++ b/resources/views/product/partials/grouped.blade.php
@@ -1,10 +1,10 @@
 <div class="flex flex-wrap gap-3 justify-between">
     @foreach ($product->grouped as $groupedProduct)
-        <add-to-cart :product="config.product.grouped[{{ $groupedProduct->entity_id }}]" v-slot="addToCart" class="contents">
-            <form v-on:submit.prevent="addToCart.add" class="contents">
-                <div>
+        <add-to-cart :product="config.product.grouped[{{ $groupedProduct->entity_id }}]" v-slot="addToCart" class="w-full">
+            <form v-on:submit.prevent="addToCart.add" class="flex w-full justify-between max-lg:flex-wrap max-lg:gap-y-2">
+                <div class="lg:max-xl:max-w-36">
                     {{ $groupedProduct->name }}
-                    <div class="flex items-center space-x-3 font-bold">
+                    <div class="flex items-center space-x-3 font-bold mr-auto">
                         <div>{{ price($groupedProduct->special_price ?: $groupedProduct->price) }}</div>
                         @if ($groupedProduct->special_price)
                             <div class="line-through">{{ price($groupedProduct->price) }}</div>
@@ -12,7 +12,7 @@
                     </div>
                 </div>
 
-                <div class="flex flex-wrap gap-2">
+                <div class="flex flex-wrap gap-2 lg:ml-auto">
                     @if (!$groupedProduct->in_stock)
                         <p class="col-span-2 self-center text-red-600">
                             @lang('Sorry! This product is currently out of stock.')
@@ -25,7 +25,7 @@
                             ::max="{{ $groupedProduct->max_sale_qty ?: 'null' }}"
                         />
 
-                        <x-rapidez::button.cart />
+                        <x-rapidez::button.cart class="self-start" />
                     @endif
                 </div>
             </form>