WaitingForData.vue

<script setup>
import { MESSAGES } from '@/data/messages'
</script>

<template>
  <div class="waiting-for-data">
    <span>{{ MESSAGES['WAITING_FOR_DATA'] }}</span>
  </div>
</template>

<style scoped>
.waiting-for-data {
    display: flex;
}

.waiting-for-data>span {
    font-size: var(--text-s);
}
</style>