<script setup>

import { ref } from 'vue';

​

const nameInputValue = ref('');

const emailInputValue = ref('');

const messageInputValue = ref('');

const isSending = ref(false);

​

​

​

​

const sendMail = async () => {

  try {

    isSending.value = true;

​

    let fd = new FormData();

    fd.append('name', nameInputValue.value);

    fd.append('email', emailInputValue.value);

    fd.append('message', messageInputValue.value);

​

    await fetch('https://Path to your php file on your server', {

      method: 'POST',

      body: fd

    });

​

​

    setTimeout(() => {

      isSending.value = false;

    }, 1000);

​

​

    nameInputValue.value = '';

    emailInputValue.value = '';

    messageInputValue.value = '';

  } catch (error) {

    console.error('Error with sending E-Mail:', error);

    isSending.value = false;

  }

};

</script>