Как добавить товар в корзину vue.js3?

Question

[YetNo0]

есть товары в модальном окне прошлого заказа

<div class="font-medium text-xl">
        Состав заказа
      </div>
      <div
        v-for="item in order.items"
        :key="item._id"
        class="basket-item"
      >
        
        <div class="leading-tight word-break-words">
          {{ item.title }}
          <div class="text-xs text-slate-400 whitespace-nowrap">
            {{ item.price}} ₽ {{ item.volume }} {{ $unitTitle(item.volumeUnit) }}
          </div>
        </div>
        <div class="flex gap-4 lg:gap-2 items-center">
         
          <div class="whitespace-nowrap">
            {{ item.price * item.amount }} ₽
          </div>
          <button
          v-if="isDone"
          class="button is-small whitespace-nowrap"
          @click="addItemToBasket"
        >
          Добавить в корзину
        </button>

Не получается сделать кнопку "Добавить в корзину" функциональной, а скрипт, который действует на странице работает

addItemToBasket (state, {
    food,
    shef
  }) {
    if (!state.basket.shef || state.basket.shef._id !== shef._id) {
      state.basket.shefId = shef._id
      state.basket.shefUsername = shef.username
      Vue.set(state.basket, 'shef', shef)
    }
    const item = state.basket.items.find(item => item.food._id === food._id)
    if (item) {
      item.amount++
    } else {
      state.basket.items.push({
        amount: 1,
        food
      })
    }
    calculateTotal(state)
  },

База данных - MongoBD

Comments

[zxf]

Вообще ничего не понятно. Что. именно не работает?