CreatePostcard.vue

CreatePostcard.js

async function handleSubmit() {
   const body = {
       toAddress: { ...toAddress.value },
       fromAddress: { ...fromAddress.value },
       frontTemplate: frontTemplate.value,
       backTemplate: backTemplate.value
   }
   error.value = ""
   success.value = false
   loading.value = true
   const response = await fetch("http://localhost:3030/postcard/create", {
       method: "POST",
       body: JSON.stringify(body),
       headers: {
           "Content-Type": "application/json"
       }
   })
 
   const data = await response.json()
 
   if (!data.success) {
       loading.value = false
       error.value = data.error_message
       return
   }
 
   setTimeout(function(){
       loading.value = false
       backThumbnail.value = data.postcard.thumbnails[1].medium
       frontThumbnail.value = data.postcard.thumbnails[0].medium
       success.value = true
   }, 4000)
 
}