Всплывающий календарь Quasar для отображения текущей даты

Question

Мне нужна небольшая помощь, чтобы настроить всплывающее окно Quasar vue q-date по умолчанию, чтобы показать текущую дату. Я могу жестко запрограммировать любую дату, и она отлично работает, но я не могу заставить ее работать с переменной текущей даты. У меня есть небольшой образец кода по адресу

<div id="q-app">
  <div class="q-pa-md" style="max-width: 300px">
    <q-input filled v-model="date" mask="##/##/####" :rules="[checkDate]">
      <template v-slot:append>
        <q-icon name="event" class="cursor-pointer">
          <q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
            <q-date v-model="date" @input="() => $refs.qDateProxy.hide()"  mask="MM/DD/YYYY"></q-date>
          </q-popup-proxy>
        </q-icon>
      </template>
    </q-input>
  </div>
</div>

Пример кода

Answer 1

Я понял, что мне нужно. Мне пришлось добавить

 beforeMount(){
  this.getCurrentDate();
},

, а в getCurrentDate мне пришлось установить

  this.date = Today;

Answer 2

Поместите метод getCurrentDate в значение даты данных по умолчанию.