draft planovace

src/components/flightPlans/FlightPlansList.vue

@@ -0,0 +1,27 @@
+<script setup>
+
+const props = defineProps({
+  items: {
+    type: Array,
+    required: true
+  }
+})
+
+</script>
+
+<template>
+  <q-list bordered separator>
+    <q-item
+      clickable
+      :to="{name: 'flightPlan', params: {id: flightPlan.id }}"
+      v-ripple
+      v-for="flightPlan of items" :key="flightPlan">
+      <q-item-section avatar>
+        <q-avatar icon="person" color="primary" text-color="white"/>
+      </q-item-section>
+      <q-item-section>
+        {{ flightPlan.name }}
+      </q-item-section>
+    </q-item>
+  </q-list>
+</template>

src/components/inputs/MapGPSInput.vue

@@ -1,7 +1,6 @@
 <script setup>
 import {Marker} from "vue3-google-map";
-import {defineEmits, onMounted, ref} from "vue";
-import axios from "axios";
+import {onMounted} from "vue";
 import MapWrapper from "components/map/MapWrapper.vue";
 import {useGeocode} from "src/composables/geocoding";
 

src/components/poi/POIList.vue

@@ -1,5 +1,4 @@
 <script setup>
-import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import LoadMoreList from "components/LoadMoreList.vue";
 import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";