Convert notification form to separate component

src/components/notifications/LunaSea.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="mb-3">
+        <label for="lunasea-device" class="form-label">LunaSea Device ID<span style="color: red;"><sup>*</sup></span></label>
+        <input id="lunasea-device" v-model="$parent.notification.lunaseaDevice" type="text" class="form-control" required>
+        <div class="form-text">
+            <p><span style="color: red;"><sup>*</sup></span>Required</p>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            name: "lunasea",
+        }
+    },
+}
+</script>