Как сохранять в sessionStorage и не терять значения?

js

хочу организовать корзину, и не могу понять как не терять значения при перезагрузке сайта, то есть, в data() session не терять выбранные значения, после повторного выбора после перезагрузки

<script>
import Shops from '../components/shops'
   export default{
      props: ['info'],
      components:{
      Shops,
   },
   data(){
      return{
         session:[

         ]
      }
   },
   methods:{
      cartUp(id){
         let arr = []
         this.session.push(id)
         for(let key of this.session){
            for(let subKey in key){
               arr.push(key[subKey])
            }
         }
         const result = arr.reduce((acc, rec) => {
         return (typeof acc[rec] !== 'undefined') 
         ? { ...acc, [rec]: acc[rec] + 1 } 
         : { ...acc, [rec]: 1 }
         }, {})
            sessionStorage.setItem('cart',JSON.stringify(result))
      }
   }
}

</script>