Reorganizace skeletonu, aktualizace app-vite a quasaru

src/pages/profile/poi/PointsOfInterestPage.vue

@@ -1,5 +1,4 @@
 <script setup>
-import {onMounted} from "vue";
 import {useAppStore} from "stores/App";
 import POIList from "components/poi/POIList.vue";
 import FAB from "components/FAB.vue";
@@ -8,28 +7,26 @@ import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 import {usePointsOfInterestStore} from "stores/PointsOfInterest";
 import {storeToRefs} from "pinia";
 
-onMounted(() => {
-  usePointsOfInterestStore().fetch();
-  useAppStore().setPageTitle("Zajímavá místa");
-});
+usePointsOfInterestStore().fetch();
+useAppStore().setPageTitle("Zajímavá místa");
 
 const {isQueryRunning, pointsOfInterest} = storeToRefs(usePointsOfInterestStore());
 </script>
 
 <template>
-  <BasicListSkeleton :items="10" v-if="isQueryRunning"/>
+  <BasicListSkeleton :items="10" v-if="isQueryRunning && !pointsOfInterest.length"/>
   <BasicInfoBanner
-    v-else-if="!isQueryRunning && pointsOfInterest.length === 0"
-    :route-add="{name: 'addPoi'}"
-    label-add="Přidat"
+      v-else-if="!isQueryRunning && pointsOfInterest.length === 0"
+      :route-add="{name: 'addPoi'}"
+      label-add="Přidat"
   >
     Nemáš tu uložené žádné zajímavé místo. Přidej si let, nastav si tam ručně trasu a jednotlivé body se zobrazí
     i v tomto seznamu.
   </BasicInfoBanner>
 
   <POIList
-    v-else
-    :items="pointsOfInterest"
+      v-else
+      :items="pointsOfInterest"
   />
 
   <FAB :router-link="{name: 'addPOI'}" mode="add"/>