Commit po dlohe dobe

src/components/flightPlans/FlightPlanForm.vue

@@ -3,7 +3,7 @@ import {commonProps} from "src/composables/inputs";
 import DatetimePicker from "components/inputs/DatetimePicker.vue";
 import ComboboxInput from "components/inputs/ComboboxInput.vue";
 import FormWrapper from "components/FormWrapper.vue";
-import {reactive} from "vue";
+import {computed, reactive} from "vue";
 import CopyLinkButton from "components/inputs/CopyLinkButton.vue";
 import {useLoggedUserStore} from "stores/LoggedUser";
 import {storeToRefs} from "pinia";
@@ -22,6 +22,7 @@ const props = defineProps({
   }
 })
 
+const aircrafts = computed(() => props.aircrafts.map(a => ({id: a.id, name: a.callSign})));
 
 const formData = reactive({
   name: props.flightPlan.name || null,

src/components/inputs/entities/AirportInput.vue

@@ -0,0 +1,19 @@
+<script setup>
+import {useAirportsStore} from "stores/Airports";
+import ComboboxInput from "components/inputs/ComboboxInput.vue";
+import {ref} from "vue";
+
+const props = defineProps({
+   modelValue: {
+    type: [Object, Array]
+  },
+})
+
+const model = ref("");
+
+const options = useAirportsStore().fetch();
+</script>
+
+<template>
+<ComboboxInput :options="options" v-model="model"
+</template>