From ef8dc5ce915edd13337a424c352d0ce85597e832 Mon Sep 17 00:00:00 2001
From: artem <artem@webart-tech.ru>
Date: Fri, 22 Nov 2024 16:30:27 +0300
Subject: [PATCH] preloader

---
 README.md                          |  2 +-
 src/pages/workouts/WorkoutItem.vue | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 7e34f4d..6e62ea3 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@
   <a href="https://ui.vuestic.dev/">Vuestic UI documentation</a>
 </p>
 
-> Vuestic Admin is built with [Vuestic UI](https://ui.vuestic.dev). See our
+> Vuestic Admin is built with [Vuestic UI](https://ui.  .dev). See our
 > <a href="https://github.com/epicmaxco/vuestic-ui/issues">issues</a>,
 > <a href="https://ui.vuestic.dev/en/contribution/guide">contributing guide</a> and join discussions on our
 > <a href="https://discord.gg/jTKTjj2weV">Discord server</a> to help us improve Vuestic Admin & Vuestic UI experience.
diff --git a/src/pages/workouts/WorkoutItem.vue b/src/pages/workouts/WorkoutItem.vue
index 31f5de2..2cda52b 100644
--- a/src/pages/workouts/WorkoutItem.vue
+++ b/src/pages/workouts/WorkoutItem.vue
@@ -1,5 +1,6 @@
 <template>
     <h1 class="page-title">Tренировка</h1>
+    <div v-if="workoutItem">
     <div id="workout-container">
         <div id="workout-map">
             <yandex-map v-model="map" :settings="{
@@ -21,7 +22,7 @@
                 }" />
             </yandex-map>
         </div>
-        <div id="workout-short-data" v-if="workoutItem">
+        <div id="workout-short-data">
             <h3>{{ workoutItem.name }}</h3>
             <div class="workout-item-params" v-if="workoutItem.power">
                 <div class="workout-item-params-name">Средняя мощность:</div>
@@ -63,6 +64,14 @@
     </VaButton>
     <!-- @vue-ignore -->
     <LineWithLineChart id="chart" ref="chart" :options="chartOptions" :data="data" />
+    </div>
+    <div v-else>
+        <VaInnerLoading
+            loading
+            :size="60"
+        >
+        </VaInnerLoading>
+    </div>
 </template>
 <script setup lang="ts">
 import VaZoomOut from "../../components/icons/VaZoomOut.vue";