<template>
    <div class="text-center" >  
      <v-overlay :model-value="overlay" class="align-center justify-center" :persistent="true" style="z-index: 99990;"></v-overlay>
    </div>
  </template>
  <script>
  export default {
    expose: ['showOverlay'],
    data: () => ({
      overlay: false,
    }),

    methods: {
        showOverlay(status) {
            this.overlay = status;
        }
    }
  }
</script>