Repository: ionic-team/ionic-framework
File: packages/vue/test/base/src/views/Overlays.vue (Vue)

Code before:
        :buttons="alertButtons"
        @didDismiss="setAlertRef(false)"
      >
      </ion-alert>

      <ion-loading
        :is-open="isLoadingOpen"
        :duration="2000"
        message="Loading"
        :backdrop-dismiss="true"
        @didDismiss="setLoadingRef(false)"
      >
      </ion-loading>

      <ion-modal
        :is-open="isModalOpen"
        :swipe-to-close="true"
        :presenting-element="$parent.$refs.ionRouterOutlet"
        @willPresent="onModalWillPresent"
        @didPresent="onModalDidPresent"
        @willDismiss="onModalWillDismiss"
        @didDismiss="onModalDidDismiss"
        @ionModalWillPresent="onModalIonWillPresent"
        @ionModalDidPresent="onModalIonDidPresent"
        @ionModalWillDismiss="onModalIonWillDismiss"
        @ionModalDidDismiss="onModalIonDidDismiss"
      >
        <ModalContent :title="overlayProps.title"></ModalContent>
      </ion-modal>

      <ion-popover
        css-class="popover-inline"
        :is-open="isPopoverOpen"
        :event="popoverEvent"
        @didDismiss="setPopoverRef(false)"
      >
        <PopoverContent :title="overlayProps.title"></PopoverContent>
      </ion-popover>

      <ion-toast
        :is-open="isToastOpen"
        :duration="2000"
        message="Toast"
        :buttons="toastButtons"
        @didDismiss="setToastRef(false)"
      >
      </ion-toast>
    </ion-content>
  </ion-page>
</template>


Review comment (suggestion):
```suggestion
        @ionModalWillPresent="onIonModalWillPresent"
        @ionModalDidPresent="onIonModalDidPresent"
        @ionModalWillDismiss="onIonModalWillDismiss"
        @ionModalDidDismiss="onIonModalDidDismiss"
```

Nit

Code after:
        :buttons="alertButtons"
        @didDismiss="setAlertRef(false)"
      >
      </ion-alert>

      <ion-loading
        :is-open="isLoadingOpen"
        :duration="2000"
        message="Loading"
        :backdrop-dismiss="true"
        @didDismiss="setLoadingRef(false)"
      >
      </ion-loading>

      <ion-modal
        :is-open="isModalOpen"
        :swipe-to-close="true"
        :presenting-element="$parent.$refs.ionRouterOutlet"
        @willPresent="onModalWillPresent"
        @didPresent="onModalDidPresent"
        @willDismiss="onModalWillDismiss"
        @didDismiss="onModalDidDismiss"
        @ionModalWillPresent="onIonModalWillPresent"
        @ionModalDidPresent="onIonModalDidPresent"
        @ionModalWillDismiss="onIonModalWillDismiss"
        @ionModalDidDismiss="onIonModalDidDismiss"
      >
        <ModalContent :title="overlayProps.title"></ModalContent>
      </ion-modal>

      <ion-popover
        css-class="popover-inline"
        :is-open="isPopoverOpen"
        :event="popoverEvent"
        @didDismiss="setPopoverRef(false)"
      >
        <PopoverContent :title="overlayProps.title"></PopoverContent>
      </ion-popover>

      <ion-toast
        :is-open="isToastOpen"
        :duration="2000"
        message="Toast"
        :buttons="toastButtons"
        @didDismiss="setToastRef(false)"
      >
      </ion-toast>
    </ion-content>
  </ion-page>
</template>