Convert notification form to separate component

src/components/notifications/Webhook.vue

@@ -0,0 +1,37 @@
+<template>
+    <div class="mb-3">
+        <label for="webhook-url" class="form-label">Post URL</label>
+        <input id="webhook-url" v-model="$parent.notification.webhookURL" type="url" pattern="https?://.+" class="form-control" required>
+    </div>
+
+    <div class="mb-3">
+        <label for="webhook-content-type" class="form-label">Content Type</label>
+        <select id="webhook-content-type" v-model="$parent.notification.webhookContentType" class="form-select" required>
+            <option value="json">
+                application/json
+            </option>
+            <option value="form-data">
+                multipart/form-data
+            </option>
+        </select>
+
+        <div class="form-text">
+            <p>"application/json" is good for any modern http servers such as express.js</p>
+            <p>"multipart/form-data" is good for PHP, you just need to parse the json by <strong>json_decode($_POST['data'])</strong></p>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            name: "webhook",
+        }
+    },
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>