Vue3 computed 属性相互依赖导致栈溢出？如何解决？

// index.vue
<custom-calendar :check-date="checkdate" class="calendar-box" />

// customcalendar.vaue
<script lang="ts" setup>
const props = defineprops({
  checkdate: {
    type: array,
    default() {
      return [];
    },
  },
});

const mindate = computed(() => {
  if (props.checkdate.length) {
    let newarr = props.checkdate.sort((a, b): number => a.gettime() - b.gettime());
    return new date(+newarr[0] as number);
  } else {
    return new date();
  }
});

const maxdate = computed(() => {
  if (props.checkdate.length) {
    let newarr = props.checkdate.sort((a, b): number => b.gettime() - a.gettime());
    return new date(+newarr[0] as number);
  } else {
    return new date();
  }
});

const curyear = ref<number>(new date().getfullyear());
const curmonth = ref<number>(new date().getmonth());

watch(() => maxdate.value, (newval: date | null) => {
  if (newval) {
    curyear.value = newval.getfullyear();
    curmonth.value = newval.getmonth();
  }
}, {
  immediate: true,
});
</script>

import { ref, computed, watch, onMounted } from 'vue';

const props = defineProps({
  checkDate: {
    type: Array,
    default() {
      return [];
    },
  },
});

// 新增一个响应式属性来存储排序后的数组
const sortedCheckDates = ref([]);

const minDate = computed(() => {
  if (sortedCheckDates.value.length) {
    return new Date(sortedCheckDates.value[0].getTime());
  } else {
    return new Date();
  }
});

const maxDate = computed(() => {
  if (sortedCheckDates.value.length) {
    return new Date(sortedCheckDates.value[sortedCheckDates.value.length - 1].getTime());
  } else {
    return new Date();
  }
});

// 监听checkDate的变化，并更新sortedCheckDates
watch(() => props.checkDate, (newVal) => {
  sortedCheckDates.value = newVal.sort((a, b) => a.getTime() - b.getTime());
});

const curYear = ref(new Date().getFullYear());
const curMonth = ref(new Date().getMonth());

watch(() => maxDate.value, (newVal) => {
  if (newVal) {
    curYear.value = newVal.getFullYear();
    curMonth.value = newVal.getMonth();
  }
}, {
  immediate: true,
});

onMounted(() => {
  // 初始化sortedCheckDates
  sortedCheckDates.value = props.checkDate.sort((a, b) => a.getTime() - b.getTime());
});