title: Sending mail in Nuxt.js with nuxt-mail
body: <p>I am a total newbie at Nuxt.js/Vue.js so here are some newbie questions :D</p>
  <p>I am having problems with sending mail from a contact from in my Nuxt.js application. I am trying to use nuxt-mailer but I can't make it work.  I have installed <code>axios</code> and <a href="https://github.com/dword-design/nuxt-mail" rel="nofollow noreferrer">nuxt-mail</a>.</p>
  <p>I get 500 (Internal Server Error).</p>
  <p>So I  am adding this in <code>nuxt.config.js</code>:</p>
  <pre class="lang-js prettyprint-override"><code>'@nuxtjs/axios',
  ['nuxt-mail', {
    message: {
      to: 'my-email',
    },
    smtp: {
      host: &quot;localhost&quot;,
      port: 587,
    },
  }],
  </code></pre>
  <p>Am I supposed to put the mail where I want to receive the mail in the 'to'?
  And am should I pit just <code>localhost</code> in <code>host</code> or <code>http://localhost</code>?
  And lastly what should I pun for 'port'? Is that 3000 as the post on my localhost?</p>
  <p>Okay next, my form in the component likes like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div class=&quot;container&quot;&gt;
      &lt;form&gt;    
        &lt;label for=&quot;name&quot;&gt;Ditt namn&lt;/label&gt;            
        &lt;input id=&quot;name&quot; type=&quot;text&quot; v-model=&quot;name&quot;/&gt;
  
        &lt;label for=&quot;email&quot;&gt;Din epostadress&lt;/label&gt;            
        &lt;input id=&quot;email&quot; type=&quot;email&quot; v-model=&quot;email&quot;/&gt;
  
        &lt;label for=&quot;phone&quot;&gt;Telefon&lt;/label&gt;            
        &lt;input id=&quot;phone&quot; type=&quot;phone&quot; v-model=&quot;phone&quot;/&gt;
  
        &lt;label for=&quot;message&quot;&gt; Meddelande: &lt;/label&gt;
        &lt;textarea id=&quot;message&quot; v-model=&quot;message&quot;/&gt;
        
        &lt;button type=&quot;submit&quot; @click.prevent=&quot;send&quot;&gt;Send email &lt;/button&gt;
      &lt;/form&gt;
     &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>and the script lokes like this:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;script&gt;
  export default {
      data: () =&gt; ({
      name: '',
      email: '',
      phone: '',
      message: '',
    }),
    methods: {
      send() {
          this.$mail.send({
          name: this.name,
          from: this.email,
          phone: this.phone,
          subject: 'Message from contact-form',
          text: this.message,
        })
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>So what can be the problem? A wonder if I am doing something wrong in the nuxt.config.js file? But i don't know at all.</p>
  <p>Hope someone can help :)</p>