diff --git a/package-lock.json b/package-lock.json
index 2f15b22..beeebc0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,12 +20,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": {
@@ -724,20 +725,6 @@
         "vue": ">=3.2.0"
       }
     },
-    "node_modules/@vuetify/loader-shared": {
-      "version": "1.7.1",
-      "resolved": "https://registry.npmjs.org/@vuetify/loader-shared/-/loader-shared-1.7.1.tgz",
-      "integrity": "sha512-kLUvuAed6RCvkeeTNJzuy14pqnkur8lTuner7v7pNE/kVhPR97TuyXwBSBMR1cJeiLiOfu6SF5XlCYbXByEx1g==",
-      "devOptional": true,
-      "dependencies": {
-        "find-cache-dir": "^3.3.2",
-        "upath": "^2.0.1"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.0",
-        "vuetify": "^3.0.0-beta.4"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.10.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
@@ -1443,6 +1430,14 @@
         "node": ">=12"
       }
     },
+    "node_modules/data-uri-to-buffer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/date-fns": {
       "version": "2.30.0",
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
@@ -1753,6 +1748,28 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fetch-blob": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
+      "integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "dependencies": {
+        "node-domexception": "^1.0.0",
+        "web-streams-polyfill": "^3.0.3"
+      },
+      "engines": {
+        "node": "^12.20 || >= 14.13"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -1829,6 +1846,17 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
       "dev": true
     },
+    "node_modules/formdata-polyfill": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
+      "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
+      "dependencies": {
+        "fetch-blob": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -2239,6 +2267,41 @@
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
       "dev": true
     },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
+      "integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
+      "dependencies": {
+        "data-uri-to-buffer": "^4.0.0",
+        "fetch-blob": "^3.1.4",
+        "formdata-polyfill": "^4.0.10"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/node-fetch"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -2991,6 +3054,20 @@
         "vuetify": "^3.0.0-beta.4"
       }
     },
+    "node_modules/vite-plugin-vuetify/node_modules/@vuetify/loader-shared": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@vuetify/loader-shared/-/loader-shared-1.7.1.tgz",
+      "integrity": "sha512-kLUvuAed6RCvkeeTNJzuy14pqnkur8lTuner7v7pNE/kVhPR97TuyXwBSBMR1cJeiLiOfu6SF5XlCYbXByEx1g==",
+      "devOptional": true,
+      "dependencies": {
+        "find-cache-dir": "^3.3.2",
+        "upath": "^2.0.1"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0",
+        "vuetify": "^3.0.0-beta.4"
+      }
+    },
     "node_modules/vue": {
       "version": "3.4.14",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.14.tgz",
@@ -3096,6 +3173,14 @@
         }
       }
     },
+    "node_modules/web-streams-polyfill": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.2.tgz",
+      "integrity": "sha512-3pRGuxRF5gpuZc0W+EpwQRmCD7gRqcDOMt688KmdlDAgAyaB1XlN0zq2njfDNm44XVdIouE7pZ6GzbdyH47uIQ==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/webfontloader": {
       "version": "1.6.28",
       "resolved": "https://registry.npmjs.org/webfontloader/-/webfontloader-1.6.28.tgz",
diff --git a/package.json b/package.json
index 52f2599..e844c32 100644
--- a/package.json
+++ b/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": {
diff --git a/src/components/BBoxEditor.vue b/src/components/BBoxEditor.vue
index 28a35ec..6c2a968 100644
--- a/src/components/BBoxEditor.vue
+++ b/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>
diff --git a/src/components/CsvToBUFRForm.vue b/src/components/CsvToBUFRForm.vue
index 7db65d1..ad1bc3a 100644
--- a/src/components/CsvToBUFRForm.vue
+++ b/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';
diff --git a/src/components/DiscoveryMetadataForm.vue b/src/components/DiscoveryMetadataForm.vue
index cca6790..8b17855 100644
--- a/src/components/DiscoveryMetadataForm.vue
+++ b/src/components/DiscoveryMetadataForm.vue
@@ -3,7 +3,7 @@
         <v-col cols="12" class="max-form-width">
             <v-card>
                 <v-toolbar color="#014e9e" dark flat>
-                    <v-toolbar-title v-html="$t(`datasets.dm`)" />
+                    <v-toolbar-title>Datasets</v-toolbar-title>
 
                     <v-spacer />
 
@@ -18,8 +18,95 @@
                 <v-form v-model="filled" v-if="loaded">
                     <bbox-editor @updated="updateGeometry" @loaded="loadGeometry"
                         :input-feature="form.bounds"></bbox-editor>
-                    <!-- Put schema form here -->
+                    <!-- Schema form here -->
 
+                    <!-- Properties section -->
+                    <v-row>
+                        <v-text-field label="Title" hint="Name of data" type="string" v-model="model.properties.title"
+                            :rules="[rules.required]" clearable></v-text-field>
+
+                        <v-text-field label="Description" hint="Brief description of data" type="string"
+                            v-model="model.properties.description" :rules="[rules.required]" clearable></v-text-field>
+
+                        <v-text-field label="Language" hint="Lower case representation of language in 2-letter code"
+                            type="string" v-model="model.properties.language" :rules="[rules.required, rules.language]"
+                            clearable></v-text-field>
+                    </v-row>
+
+                    <!-- Origin section -->
+                    <v-row>
+                        <v-text-field label="Centre ID" hint="Agency acronym (in lower case), as specified by member"
+                            type="string" v-model="model.origin.centreId" :rules="[rules.required, rules.centreId]"
+                            clearable></v-text-field>
+
+                        <VueDatePicker placeholder="Date Started" v-model="model.origin.dateStarted" :teleport="true"
+                            auto-apply required />
+
+                        <VueDatePicker placeholder="Date Stopped" v-model="model.origin.dateStopped" :teleport="true"
+                            auto-apply required />
+
+                        <v-text-field label="North Latitude" hint="Northmost latitude of data region" type="number"
+                            v-model="model.origin.northLatitude" :rules="[rules.required, rules.latitude]"
+                            clearable></v-text-field>
+
+                        <v-text-field label="East Longitude" hint="Eastmost longitude of data region" type="number"
+                            v-model="model.origin.eastLongitude" :rules="[rules.required, rules.longitude]"
+                            clearable></v-text-field>
+
+                        <v-text-field label="South Latitude" hint="Southmost latitude of data region" type="number"
+                            v-model="model.origin.southLatitude" :rules="[rules.required, rules.latitude]"
+                            clearable></v-text-field>
+
+                        <v-text-field label="West Longitude" hint="Westmost longitude of data region" type="number"
+                            v-model="model.origin.westLongitude" :rules="[rules.required, rules.longitude]"
+                            clearable></v-text-field>
+                    </v-row>
+
+                    <!-- Contact (POC) section -->
+                    <v-row>
+                        <v-text-field label="Individual" hint="Full name" type="string" v-model="model.poc.individual"
+                            clearable></v-text-field>
+
+                        <v-text-field label="Position Name" hint="Position held" type="string"
+                            v-model="model.poc.positionName" clearable></v-text-field>
+
+                        <v-text-field label="Name" hint="Organization name" type="string" v-model="model.poc.name"
+                            :rules="[rules.required]" clearable></v-text-field>
+
+                        <v-text-field label="URL" hint="Organization website" type="string" v-model="model.poc.url"
+                            :rules="[rules.url]" clearable></v-text-field>
+
+                        <v-text-field label="Phone" hint="Full international phone number" type="string"
+                            v-model="model.poc.phone" :rules="[rules.required, rules.phone]" clearable></v-text-field>
+
+                        <v-text-field label="Email" hint="Contact email address" type="string" v-model="model.poc.email"
+                            :rules="[rules.required, rules.email]" clearable></v-text-field>
+
+                        <v-text-field label="Address" hint="Street address" type="string" v-model="model.poc.deliveryPoint"
+                            clearable></v-text-field>
+
+                        <v-text-field label="City" hint="Mailing city" type="string" v-model="model.poc.city"
+                            :rules="[rules.required]" clearable></v-text-field>
+
+                        <v-text-field label="State" hint="Mailing state or region" type="string"
+                            v-model="model.poc.administrativeArea" :rules="[rules.required]" clearable></v-text-field>
+
+                        <v-text-field label="Postal Code" hint="Mailing postal code" type="string"
+                            v-model="model.poc.postalCode" clearable></v-text-field>
+
+                        <v-text-field label="Country" hint="Upper case representation of ISO3166 3-letter code"
+                            type="string" v-model="model.poc.country" :rules="[rules.required, rules.country]"
+                            clearable></v-text-field>
+
+                        <v-text-field label="Hours of Service" hint="Normal weekday contact hours" type="string"
+                            v-model="model.poc.hoursOfService" :rules="[rules.required, rules.hoursOfService]"
+                            clearable></v-text-field>
+
+                        <v-text-field label="Contact Instructions" hint="Preferred contact method" type="string"
+                            v-model="model.poc.contactInstructions" clearable></v-text-field>
+                    </v-row>
+
+                    <!-- Distributor section -->
                 </v-form>
 
                 <v-toolbar color="#DDD" dark flat v-if="loaded">
@@ -55,10 +142,9 @@
 
 <script>
 import BboxEditor from "@/components/BboxEditor.vue";
-import $RefParser from "@apidevtools/json-schema-ref-parser"
-import mergeAllOf from "json-schema-merge-allof"
 import { clean } from "@/scripts/helpers.js"
-import formSchema from "@/models/DiscoveryMetadataForm.json"
+import VueDatePicker from '@vuepic/vue-datepicker';
+import '@vuepic/vue-datepicker/dist/main.css';
 
 import { defineComponent, ref, onMounted } from 'vue';
 import { VCard, VCardTitle, VCardText, VCardItem, VForm, VTextarea, VBtn, VListGroup } from 'vuetify/lib/components/index.mjs';
@@ -72,7 +158,7 @@ export default defineComponent({
     props: ["topic"],
     components: {
         BboxEditor,
-        VJsf,
+        VueDatePicker,
         VCard,
         VCardTitle,
         VCardText,
@@ -80,8 +166,7 @@ export default defineComponent({
         VTextarea,
         VForm,
         VBtn,
-        VListGroup,
-        BBoxEditor
+        VListGroup
     },
     setup() {
         // Reactive variables
@@ -97,21 +182,6 @@ export default defineComponent({
         const model = ref({});
         const isNew = ref(false);
         const schema = ref({});
-        const options = ref({
-            editMode: "inline",
-            rootDisplay: "stepper",
-            autoFocus: true,
-            tooltipProps: {
-                left: true,
-                openOnHover: true,
-                openOnClick: true
-            },
-            formats: {
-                date: function (e) {
-                    return new Date(e).toISOString().split("T")[0];
-                }
-            }
-        });
         const form = ref({
             bounds: [0],
             initialized: true,
@@ -120,6 +190,23 @@ export default defineComponent({
             country_codes: []
         });
 
+        // Static variables
+
+        // Validation patterns for form fields
+        const rules = {
+            required: (value) => !!value || "Field is required",
+            language: (value) => /^[a-z]{2}$/.test(value) || "Language must be a 2-letter code",
+            centreId: value => /^[a-z_-]{2,}$/.test(value) || 'Invalid centre ID. Must be lowercase with at least 2 characters.',
+            latitude: value => value >= -90 && value <= 90 || 'Latitude must be between -90 and 90.',
+            longitude: value => value >= -180 && value <= 180 || 'Longitude must be between -180 and 180.',
+            url: value => value === '' || /^https?:\/\/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/.test(value) || 'Invalid URL format.',
+            phone: value => value === '' || /^\+[0-9]+[0-9\s\.\(\)-]{10,}$/.test(value) || 'Invalid phone number. Must start with \'+\' and include country code.',
+            email: value => /^[a-z0-9._-]+@[a-z0-9-]+\.[a-z0-9.-]+$/.test(value) || 'Invalid email format.',
+            country: value => /^[A-Z]{3}$/.test(value) || 'Invalid country code. Must be 3 uppercase letters.',
+            hoursOfService: value => /^[0-9]{4}h\s-\s[0-9]{4}h\s[A-Z0-9]{3}$/.test(value) || 'Invalid hours of service. Expected format: 0900h - 1700h UTC',
+
+        };
+
         // Methods
 
         // Fetches a list of metadata items from the OAPI and updates the list
@@ -203,20 +290,6 @@ export default defineComponent({
                 }
             }
 
-            // Now dereference and merge the schema
-            $RefParser.dereference(formSchema, (err, schema) => {
-                if (err) {
-                    console.error(err);
-                } else {
-                    schema.properties.poc.properties.country.enum = form.value.country_codes;
-                    schema.properties.distrib.properties.country.enum = form.value.country_codes;
-                    const mergedSchema = mergeAllOf(schema);
-                    const parsedSchema = prepareSchema("root", mergedSchema);
-                    // Assign a shallow copy of parsed schema to the schema reactive variable
-                    schema.value = { ...parsedSchema };
-                }
-            })
-
             // Finally, update the UI
             if (!message.value.includes("Error")) {
                 model.value = defaults.value;
@@ -852,8 +925,8 @@ export default defineComponent({
             model,
             isNew,
             schema,
-            options,
             form,
+            rules,
             loadList,
             loadMetadata,
             resetMetadata,
diff --git a/src/components/InspectBufrButton.vue b/src/components/InspectBufrButton.vue
index 6f065f0..d8bee5f 100644
--- a/src/components/InspectBufrButton.vue
+++ b/src/components/InspectBufrButton.vue
@@ -54,10 +54,8 @@
 
 <script>
   // imports
-  import {defineComponent, onBeforeMount, onMounted, ref} from "vue";
-  import {VCard, VCardTitle, VCardText, VCardItem, VBtn} from "vuetify/lib/components/index.mjs";
-  import {VDialog, VContainer, VRow, VCol, VTextField} from "vuetify/lib/components/index.mjs";
-  import { VDataTable } from 'vuetify/lib/labs/VDataTable/index.mjs';
+  import {defineComponent, onBeforeMount, ref} from "vue";
+  import {VCard, VCardTitle, VCardText, VCardItem, VBtn, VDialog, VContainer, VRow, VCol, VTextField, VDataTable} from "vuetify/lib/components/index.mjs";
   import LocatorMap from '@/components/LocatorMap.vue';
   // now component to export
   export default defineComponent({
diff --git a/src/components/StationTable.vue b/src/components/StationTable.vue
index d3b154c..5c8dbc4 100644
--- a/src/components/StationTable.vue
+++ b/src/components/StationTable.vue
@@ -45,12 +45,9 @@
 </template>
 
 <script>
-import { defineComponent } from 'vue';
-import { VCard, VCardTitle, VCardText, VChip, VTextField } from 'vuetify/lib/components/index.mjs';
-import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted, onErrorCaptured} from 'vue';
-import { ref, computed, watchEffect, watch } from 'vue'
-import { VDataTable } from 'vuetify/lib/labs/VDataTable/index.mjs';
-import {useRoute, useRouter} from 'vue-router';
+import { defineComponent, ref, onMounted } from 'vue';
+import { VCard, VCardTitle, VCardText, VTextField, VDataTable } from 'vuetify/lib/components/index.mjs';
+import {useRouter} from 'vue-router';
 import APIStatus from '@/components/APIStatus.vue';
 
 
diff --git a/src/layouts/default/AppBar.vue b/src/layouts/default/AppBar.vue
index 43e2c1e..a2ea53f 100644
--- a/src/layouts/default/AppBar.vue
+++ b/src/layouts/default/AppBar.vue
@@ -22,7 +22,7 @@
 
       <v-list-item prepend-icon="mdi-file-excel" title="CSV Form" exact to="/csv2bufr_form" />
 
-      <v-list-item prepend-icon="mdi-file-document" title="Metadata Form" exact to="/discovery_metadata_form" />
+      <v-list-item prepend-icon="mdi-file-document" title="Metadata Form" exact to="/metadata_form" />
 
       <v-list-item prepend-icon="mdi-satellite-uplink" title="Stations" exact to="/station" />
 
diff --git a/src/views/DiscoveryMetadataForm.vue b/src/views/DiscoveryMetadataForm.vue
index 8c2d945..82a2cb1 100644
--- a/src/views/DiscoveryMetadataForm.vue
+++ b/src/views/DiscoveryMetadataForm.vue
@@ -1,8 +1,8 @@
 <template>
-    <DiscoveryMetadataForm/>
-  </template>
+  <DiscoveryMetadataForm />
+</template>
   
-  <script setup>
-    import DiscoveryMetadataForm from '@/components/DiscoveryMetadataForm.vue'
-  </script>
+<script setup>
+import DiscoveryMetadataForm from '@/components/DiscoveryMetadataForm.vue'
+</script>
   
\ No newline at end of file