composables, mazani letu, skeletony

src/components/poi/POIList.vue

@@ -0,0 +1,21 @@
+<script setup>
+import {pointsOfInterest} from "src/composables/objects/poi";
+
+const props = defineProps({
+  items: {
+    type: Array,
+    required: false
+  }
+})
+</script>
+<template>
+  <q-list bordered separator>
+    <q-item clickable v-ripple v-for="poi of items" :key="poi">
+      <q-item-section>
+        <router-link :to="{name: 'poiDetail', params: {id: poi.id}}">
+          {{ poi.name }}
+        </router-link>
+      </q-item-section>
+    </q-item>
+  </q-list>
+</template>