Хранение корзины в локальном хранилище и сохранение данных об изменении маршрута

Question

У меня есть корзина, которая очищается каждый раз, когда я меняю свой маршрут, и я хотел бы сохранить эту корзину, даже если я изменю свой маршрут.Я использую часы для рендеринга продуктов при изменении маршрута.Я могу успешно добавить продукт корзины в LocalStorage, но когда я меняю свой маршрут и добавляю продукты из другой категории, localStorage очищается.Как я могу сохранить свою корзину через localStorage?Вот мой код:

    addTocart: function (product) {
          this.cartProducts.push(product)
          console.log(this.cartProducts)
          this.showCart = true
// successfuly added to localStorage
          window.localStorage.setItem('cart', JSON.stringify(this.cartProducts))
        },

Загрузка продуктов при изменении URL-адреса

watch: {
    '$route.params.categoryId': function (id) {
      this.getProducts()
// I am trying to get the cart from localStorage at this point
      this.cartProducts = window.localStorage.getItem('cart')
      console.log(this.cartProducts)
    }
  },

Как получить доступ к моей корзине из локального хранилища, даже если я добавляю продукты по другому маршруту?