<script setup> import { MESSAGES } from '@/data/messages' const props = defineProps(['compact', 'msg']) </script> <template> <div class="content pad" :class="{ stretched: !props.compact }"> {{ msg || MESSAGES['NO_DATA_AVAILABLE'] }} </div> </template>