finish author system

site/plugins/send-button/src/components/SendButtonField.vue

@@ -0,0 +1,37 @@
+<template>
+  <k-button @click="send($event)" variant="filled" icon="plane">{{
+    text
+  }}</k-button>
+</template>
+
+<script setup>
+import { ref } from "vue";
+
+const { pageUri } = defineProps({
+  pageUri: String,
+});
+
+const text = ref("Envoyer");
+
+const headers = {
+  method: "POST",
+  body: JSON.stringify({
+    pageUri,
+  }),
+};
+
+function send(event) {
+  event.preventDefault();
+  fetch("/send-newsletter.json", headers)
+    .then((res) => res.json())
+    .then((json) => console.log(json));
+}
+</script>
+
+<style scoped>
+@media screen and (min-width: 533px) {
+  button {
+    margin-top: 2.15rem;
+  }
+}
+</style>

site/plugins/send-button/src/index.js

@@ -0,0 +1,7 @@
+import SendButtonField from "./components/SendButtonField.vue";
+
+window.panel.plugin("adrienpayet/send-button", {
+  fields: {
+    "send-button": SendButtonField,
+  },
+});