Vue JS: сделать так, чтобы свойство active если true до перезагрузки, то оно должно остаться true после перезагрузки страницы

<template>
  <date-button v-if="isTodayAvailable || isTomorrowAvailable" class="delivery-df__date-btn" :active="showCalendar" @select-date="toggleCalendar"/>
</template>

<script>
export default {
  data() {
    return {
      showCalendar: localStorage.getItem('showCalendar') === 'true',
      isTodayAvailable: true, 
      isTomorrowAvailable: true 
    };
  },
  methods: {
    toggleCalendar() {
      this.showCalendar = !this.showCalendar;
      localStorage.setItem('showCalendar', this.showCalendar); 
    }
  }
};
</script>