Metadata form attempt 5 + updated imports

package.json

@@ -21,12 +21,13 @@
     "json-schema-merge-allof": "^0.8.1",
     "leaflet": "^1.9.4",
     "leaflet.markercluster": "^1.5.3",
+    "node-fetch": "^3.3.2",
     "roboto-fontface": "*",
     "vue": "^3.2.0",
     "vue-leaflet": "^0.1.0",
     "vue-router": "^4.0.0",
     "vue3-apexcharts": "^1.4.4",
-    "vuetify": "^3.3.15",
+    "vuetify": "^3.4.0-beta.1",
     "webfontloader": "^1.0.0"
   },
   "devDependencies": {

src/components/BBoxEditor.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import { defineComponent, ref, watch, onMounted } from 'vue';
+import { defineComponent, ref, watch } from 'vue';
 import { LMap, LTileLayer, LControlLayers, LRectangle, LFeatureGroup } from "@vue-leaflet/vue-leaflet";
 import { LatLng, LatLngBounds } from "leaflet";
 import "leaflet/dist/leaflet.css";
@@ -123,10 +123,6 @@ export default defineComponent({
             }
         }, { deep: true });
 
-        onMounted(() => {
-            // Any additional logic to run on component mount
-        });
-
         return {
             map,
             features,
@@ -140,5 +136,5 @@ export default defineComponent({
 </script>
 
 <style>
-@import "~leaflet/dist/leaflet.css";
+@import "leaflet/dist/leaflet.css";
 </style>

src/components/CsvToBUFRForm.vue

@@ -245,12 +245,9 @@
 </template>
 
 <script>
-    import { defineComponent, ref,onBeforeMount, onMounted, watch, computed} from 'vue';
-    import { VFileInput, VCardActions, VBtn, VCard, VCardText, VCardItem, VChip, VTooltip, VSwitch } from 'vuetify/lib/components/index.mjs';
-    import { VList, VListItem, VListSubheader, VSheet, VContainer, VCardTitle, VIcon, VDialog} from 'vuetify/lib/components/index.mjs';
-    import { VCardSubtitle} from 'vuetify/lib/components/index.mjs';
-    import { VDataTable} from 'vuetify/lib/labs/VDataTable/index.mjs';
-    import { VStepper, VStepperHeader, VStepperItem, VStepperWindow, VStepperWindowItem, VStepperActions} from 'vuetify/lib/labs/VStepper/index.mjs';
+    import { defineComponent, ref, onMounted, watch, computed} from 'vue';
+    import { VFileInput, VCardActions, VBtn, VCard, VCardText, VCardItem, VChip, VTooltip, VSwitch, VList, VListItem, VContainer, VCardTitle, VIcon, VDialog, VCardSubtitle, VDataTable } from 'vuetify/lib/components/index.mjs';
+    import { VStepper, VStepperHeader, VStepperItem, VStepperWindow, VStepperWindowItem, VStepperActions} from 'vuetify/lib/components/VStepper/index.mjs';
     import InspectBufrButton from '@/components/InspectBufrButton.vue';
     import DownloadButton from '@/components/DownloadButton.vue';
     import TopicHierarchySelector from '@/components/TopicHierarchySelector.vue';