preloader

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.

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";