Как добиться реактивности без перезагрузки компонента при ответе/рендеринге инерции-laravel ⇐ Php

[Anonymous]

проблема с созданием корзины покупок в пакете laravel inertia vue. Я хочу использовать переходную группу для анимации продуктов в корзине, однако компонент перезагружается, когда я получаю информацию от laravel, корзина находится в памяти сеанса.
мой код выглядит так:
ProductComponent:

Код: Выделить всё

   methods: {
addToCart(id) {
router.visit(`/cart/add/${id}`, {
method: 'post',
onSuccess: () => {
console.log('Product added to cart');
},
preserveScroll: true,
});
}
}

корзина:

Код: Выделить всё

контроллер:

Код: Выделить всё

  public function addToCart($id)
{
$product = Product::findOrFail($id);
$cart = session('cart', []);
$found = false;

foreach ($cart as &$item) {
if ($item['product']['id'] === $product->id) {
$item['qty'] += 1;
$found = true;
break;
}
}
if (!$found) {
$cart[] = [
'product' => $product,
'qty' => 1,
];
}
session(['cart' => $cart]);
}

HadleInertiaRequest:

Код: Выделить всё

return array_merge(parent::share($request), [
'cart' => fn () => $request->session()->get('cart', []),

Может быть, есть более эффективные способы работы с корзиной, чем я придумал?

Подробнее здесь: https://stackoverflow.com/questions/792 ... ing-render