Homepage, lepsi POI

src/components/poi/POIList.vue

@@ -8,14 +8,19 @@ const props = defineProps({
 </script>
 <template>
   <q-list bordered separator>
-    <q-item clickable v-ripple v-for="poi of items" :key="poi">
+    <q-item clickable v-ripple v-for="poi of items" :key="poi" :to="{name: 'poiDetail', params: {id: poi.id}}">
       <q-item-section avatar>
-        <q-avatar icon="place" color="primary" text-color="white"/>
+        <q-avatar :icon="poi.type?.icon || 'place'" color="primary" text-color="white"/>
       </q-item-section>
       <q-item-section>
-        <router-link :to="{name: 'poiDetail', params: {id: poi.id}}">
-          {{ poi.name }}
-        </router-link>
+        {{ poi.name }}
+        <div class="text-secondary" v-if="poi.type">
+        {{ poi.type.name }}
+
+        </div>
+      </q-item-section>
+      <q-item-section side top v-if="poi.isPublic">
+        <q-icon name="visibility"></q-icon>
       </q-item-section>
     </q-item>
   </q-list>