Nsryjdtyk

I have a nuxt.js app in which I am setting up the sending of emails. The email data will be generated in a page and sent via the store to serverMiddleware and express. It all works very well except for this one issue. The string for content I send is rendered in the email body as a string, html tags and all. But if I put the same string directly into my transporter.sendMail it renders correctly in the email. Heres some code to illustrate:

//page.vue - where the email data is first send from

tryMail() {

            let postData = {

                name: 'nameo',

                email: 'noreply@address.com',

                msg: '<h2>Test message and stuff</h2><p>And this would be the lovely body</p>'

            }

            this.$store.dispatch('send_mail', postData)

        },

and in my store:

//index.js

send_mail(vuexContext, data) {

                    var axiosInstance = axios.create({

                        baseURL: 'http://127.0.0.1:3000/',

                        /* this is just to escape my actual backend baseURL */

                    });

                    axiosInstance.post('api/test', data)

                    .then(res => {

                        alert('sent mail')

                        return res

                    })

                    .catch(error => {

                        return error

                      })

              },

and my api/test with the transporter.sendMail.

//test.js

const sendMail = (name, email, msg) => {

    const transporter = nodemailer.createTransport({

        sendmail: true,

        newline: 'unix',

        path: '/usr/sbin/sendmail'

    })

    transporter.sendMail({

        from: email,

        to: 'andrew@domain.com',

        subject: name+' you have a new message from nuxt',

        html: msg

    })

}

As I said, this all works fine, the email is sent to the correct address it has a subject with the name in it and a from email. The issue is that the body contains <h2>Test message and stuff</h2><p>And this would be the lovely body</p>. Literally. Now if I change my sendMail to this:

transporter.sendMail({

            from: email,

            to: 'andrew@domain.com',

            subject: name+' you have a new message from nuxt',

            html: '<h2>Test message and stuff</h2><p>And this would be the lovely body</p>'

        })

The email is formatted correctly with no tags visible. Why is this so?

What I have tried:
backticks. In my original postData which I don't know how to display here but replace the single quotes around the html with backticks. Same result. Making an html object like this:

tryMail() {

            var s = '<h2>Test message and stuff</h2><p>And this would be the lovely body</p>'

            var htmlObject = document.createElement('html')

            htmlObject.innerHTML = s

            let postData = {

                name: 'nameo',

                email: 'noreply@address.com',

                msg: htmlObject

            }

            this.$store.dispatch('send_mail', postData)

        },

email body is [object Object]. Trying the same with stringify in test.js, email body is "[object Object]" I've tried to JSON.parse the string from my page and it throws an error for unexpected'<', and various other combinations of some or all these things all of which result in a string with html tags, [object Object], an empty object {}, or an error before send.

So any advice would be super.