Cloud FunctionsとSendGridでメール送信したい

Question

Nuxt.jsで作ったお問い合わせフォームの送信ボタンを押すとCloud Functionsを呼び出して、SendGrid経由でメールを送るという機能を実装しようとしております。

Cloud Functionsの呼び出しはできているのですが、メールが送られてこず、Cloud Functionsのログは以下のようになっておりました。

sendMail
Function execution started
3:27:12.971 午前

sendMail
Function execution took 62 ms, finished with status code: 204
3:27:13.235 午前

sendMail
Function execution started
3:27:13.426 午前

sendMail
送信失敗！
3:27:15.038 午前

sendMail
Function execution took 1804 ms, finished with status code: 200

どこに原因があるのか丸一日悩んでも全く見当がつかないのですが、もし何か分かる方がおられましたらお知恵をお貸しいただけると助かります、、！

以下SendGridでの設定です。

• API KeyのPermissionはFull Accessに設定
• Settings > Mail Settings > Event Webhook

HTTP Post URLをhttps://<userName>:<password>@us-central1-<Project ID>.cloudfunctions.net/sendgridWebhookに設定
→userNameとpasswordは適当に設定して大丈夫との記事が多かったので適当に設定しております。

• Temeplateを作成

また、Cloud Functionsの環境変数にはAPIキーを問題なく設定できております。

// pages/contact.vue

<template>
  <v-form>
    <v-text-field v-model="form.name.contents" />

    <v-text-field v-model="form.email.contents" />

    <v-select v-model="form.subject.contents" :items="items" />

    <v-textarea v-model="form.message.contents" />

    <v-btn @click="sendMail()">Send</v-btn>
  </v-form>
</template>


<script>
import firebase from 'firebase'

export default {
  data() {
    return {
      items: [
        'お仕事のご依頼',
        'その他のお問い合わせ'
      ],
      form: {
        name: { contents: '' },
        email: { contents: '' },
        subject: { contents: '' },
        message: { contents: '' }
      }
    }
  },
  methods: {
    sendMail() {
      const send = firebase.functions().httpsCallable('sendMail')
      send(this.form)
        .then((data) => {
          alert('送信しました。')
        })
        .catch((error) => {
          console.log(error)
          alert('送信に失敗しました。')
        })
    }
  }
}
</script>

// functions/index.js

const sendgrid = require('@sendgrid/mail')
const functions = require('firebase-functions')

exports.sendMail = functions.https.onCall(async function(data, context) {
  // SendGridのAPIキーをセット
  sendgrid.setApiKey(functions.config().sendgrid.key)

  const msg = {
    to: '[e-mail]',
    from: data.email.contents,
    subject: 'ホームページお問い合わせ',

    templateId: 'd-xxxxxxxxxxxxxxxxxxxxxxxxxx',
    dynamic_template_data: {
      name: data.name.contents,
      email: data.email.contents,
      subject: data.subject.contents,
      message: data.message.contents
    }
  }

  try {
    await sendgrid.send(msg)
    console.log('送信成功！')
  } catch (e) {
    console.log('送信失敗！')
    return e.message
  }
})