Verejny seznam POI

src/pages/profile/poi/PointsOfInterestPage.vue

@@ -26,6 +26,7 @@ const {isQueryRunning, pointsOfInterest} = storeToRefs(usePointsOfInterestStore(
 
   <POIList
       v-else
+      :public="false"
       :items="pointsOfInterest"
   />
 

src/pages/public/PointOfInterestDetailPage.vue

@@ -36,6 +36,7 @@ useMeta(() => metaData({
 }));
 useAppStore().setBreadcrumbs([
   {to: {name: 'homepage'}, label: "Polétání.cz"},
+  {to: {name: 'publicPOIs'}, label: "Místa"},
   {label: pointOfInterest.value.name}
 ]);
 

src/pages/public/PointsOfInterestMapPage.vue

@@ -1,7 +0,0 @@
-<script setup>
-
-</script>
-
-<template>
-  poi
-</template>

src/pages/public/PointsOfInterestPage.vue

@@ -0,0 +1,31 @@
+<script setup>
+import {usePointsOfInterestStore} from "stores/PointsOfInterest";
+import {storeToRefs} from "pinia";
+import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
+import POIList from "components/poi/POIList.vue";
+import {useAppStore} from "stores/App";
+import {useMeta} from "quasar";
+import {metaData} from "src/composables/meta";
+
+usePointsOfInterestStore().fetchPublic();
+
+useAppStore().setPageTitle("Místa");
+useAppStore().setBreadcrumbs([
+  {to: {name: 'homepage'}, label: "Polétání.cz"},
+  {label: "Místa"},
+]);
+useMeta(() => metaData({
+  title: "Místa"
+}))
+
+const {pointsOfInterest, isQueryRunning} = storeToRefs(usePointsOfInterestStore());
+</script>
+
+<template>
+  <BasicListSkeleton :items="10" v-if="isQueryRunning && !pointsOfInterest.length"/>
+  <POIList
+      v-else
+      :public="true"
+      :items="pointsOfInterest"
+  />
+</template>