Как во vue js удалить товар из корзины через 10 минут?

Question

[Analka]

Проект на vue

есть задача, добавлять товар в корзину, со временем, по истечению которого, товар удаляется из корзины

товар в корзину добавляю в стор

state.cart.push({
      id: product.id,
      name: product.name,
      path: product.path,
      image: product.image,
      price: product.price,
      old_price: product.old_price,
      created_at: new Date().getTime(), //текущая дата
      expiration_at: new Date().getTime() + 10000 текущая дата + 10 мин,
      quantity: 1
    })

как реализовать автоматическое удаление товара из корзины, если прошло 10 минути заказ не оформлен

Comments

[Ярослав Иванов]

Таймер, проверки

[Analka]

Ярослав Иванов, в компонент например BasketProduct? а если сайт пользователь закрыл, но так как корзина в localStorage как с этим быть?

[Валерий]

На экшен добавления товара в корзину регистрировать setTimeout который через 10 минут будет кидать экшен удаления товара из корзины

[alex4answ]

Analka, timestamp добавления храните, далее сверяйте и удаляйте если прошло 10 минут

[Analka]

alex4answ, а где именно это делать, я что-то не понимаю

[Analka]

Валерий, а если сайт закрыл пользователь, а данные сохранились в localeStorage

[Валерий]

Analka, Ну когда снова откроет - из локалстораджа тяние данные корзины:

beforeCreate() {
    this.$store.commit('initialiseCart');
}

ну и фильтруете товары типа item.expiration_at > Date.now()
и вешаете снова интервалы на товары типа: setInterval(..., item.expiration_at - Date.now())

[Analka]

Валерий, beforeCreate в компоненте корзины?

[Валерий]

Analka, да

[Analka]

Валерий, у меня 2 компонента корзины, вот в чем беда

Answer 1

[Евгений]

Не надо ничего удалять, надо просто не показывать в корзине то что старше 10минут

Comments

[Analka]

корзина имеет вот такой вот вид, то есть нужно пользователю выводить, сколько еще минут доступен товар



а если не удалять из корзины, localStorage может разрастись до огромного размера

[Евгений]

Analka, ну значит чисти каждый раз при выводе, в чем проблема.

[Евгений]

Analka, суть в том что это корзина шредингера, пока не откроешь не узнаешь что там