Homepage, lepsi POI

src/components/flights/FlightDetailSkeleton.vue

@@ -1,6 +1,7 @@
 <script setup>
 import {randomInt} from "src/composables/random";
-import ListItemSkeleton from "components/ListItemSkeleton.vue";
+import ListItemSkeleton from "components/basicSkeletons/ListItemSkeleton.vue";
+import BasicTextSkeleton from "components/basicSkeletons/BasicTextSkeleton.vue";
 </script>
 
 <template>
@@ -25,11 +26,8 @@ import ListItemSkeleton from "components/ListItemSkeleton.vue";
       </q-list>
 
       <article class="q-my-lg">
-      <q-skeleton
-        v-for="i in randomInt(5,8)" :key="i"
-        type="text" :width="randomInt(90, 100)+'%'"
-      />
-        </article>
+        <BasicTextSkeleton :lines="randomInt(5, 10)" :paragraphs="randomInt(1, 3)" />
+      </article>
 
       <q-skeleton height="400px" square class="q-mt-lg"/>
     </q-card-section>