<!-- DefaultLayout.vue -->
<template>
  <div class="default-layout">
    <div v-if="loading">Loading...</div>
    <div v-else-if="error">{{ error }}</div>
    <div v-else>{{ data }}</div>
  </div>
</template>

<!-- CompactLayout.vue -->
<template>
  <div class="compact-layout">
    <!-- jiný styl zobrazení -->
  </div>
</template>

<!-- CardLayout.vue -->
<template>
  <div class="card-layout">
    <!-- další varianta -->
  </div>
</template>