Month heading format NOT WORKING

[theolevisage]

I'm using Vue3 with Typescript and the heading won't format to month and year view. I tried to set it manually to LLLL yyyy doesn't change a thing unfortunately. I tried using the default as seen under and also without the ="". Nothing seems to do it. Please help.

<template>
  <div>
    <div class="text-2xl">
      Compte rendu d'activité
    </div>
    <datepicker
      v-model="monthDate"
      month-heading-format=""
      minimum-view="month"
      starting-view="month"
      :locale="locale"
    />
    <report-table :month="0" :year="2022" />
  </div>
</template>

<script>
import ReportTable from "../components/ReportTable.vue";
import Datepicker from 'vue3-datepicker'
import { fr } from 'date-fns/locale'
export default {
  name: "CraPartner",
  components: {ReportTable,Datepicker},
  data() {
    return {
      monthDate: new Date(),
      locale: fr
    }
  },
}
</script>

<style scoped>

</style>

[icehaunter]

Closed via afa7b08