<template> <div class="w-100 h-100"> <div v-if="!loaded" class="d-flex w-100 h-100 py-5 justify-content-center align-items-center"> <div class="text-center"> <div class="spinner-border" role="status"> <span class="sr-only">Loading...</span> </div> <p class="text-center font-weight-bold mt-1">Loading...</p> </div> </div> </div> </template> <script> export default { props: { loaded: { type: Boolean, default: false } } } </script>